生活随笔
收集整理的這篇文章主要介紹了
java ajax上传文件图片以json形式返回
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
jsp頁(yè)面
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><base href="<%=basePath%>"><title>My JSP 'ajaxtext.jsp' starting page</title><meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="This is my page"><!--<link rel="stylesheet" type="text/css" href="styles.css">--><script src="https://cdn.staticfile.org/jquery/3.3.1/jquery.min.js"></script></head><body><form action='Ajaxtext' method='post' enctype="multipart/form-data" id='form1'><input type="text" name="name"><input type="text" name="age"><input type="file" name="img"><button class="but" type="button">提交</button></form>></body><script>$(function(){$(".but").click(function(){var form= new FormData($("#form1")[0]);console.log(form);$.ajax({url:"Ajaxtext",type: 'POST',data:form,dataType: 'JSON',processData: false,contentType: false,success:function(da){console.log(da);alert(11);},error:function(err){alert("服務(wù)器錯(cuò)誤")}})})})</script>
</html>
java頁(yè)面 上傳圖片的位置參考 https://blog.csdn.net/qq_43632766/article/details/90017859
注意需要下載
package com.jdbc.servlet;import java.io.IOException;
import java.io.PrintWriter;
import java.util.Enumeration;
import java.util.List;import javax.json.JsonArray;
import javax.json.JsonObject;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;import org.apache.commons.fileupload.FileItem;
import org.apache.commons.fileupload.FileUploadException;
import org.apache.commons.fileupload.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload;
import org.apache.taglibs.standard.lang.jstl.test.beans.Factory;import net.sf.json.JSONObject;/*** Servlet implementation class Ajaxtext*/
@WebServlet("/Ajaxtext")
public class Ajaxtext extends HttpServlet {private static final long serialVersionUID = 1L;/*** @see HttpServlet#HttpServlet()*/public Ajaxtext() {super();// TODO Auto-generated constructor stub}/*** @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)*/protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {// TODO Auto-generated method stubrequest.getRequestDispatcher("/ajaxtext.jsp").forward(request, response);}/*** @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)*/protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {// TODO Auto-generated method stubrequest.setCharacterEncoding("utf-8");if(!ServletFileUpload.isMultipartContent(request)) {System.out.println("沒(méi)有enctype屬性");return ;}DiskFileItemFactory factory = new DiskFileItemFactory();factory.setDefaultCharset("utf-8");ServletFileUpload servletFileUpload = new ServletFileUpload(factory);servletFileUpload.setHeaderEncoding("utf-8");try {List<FileItem> parseRequest = servletFileUpload.parseRequest(request);for(FileItem name:parseRequest) {if(name.isFormField()) {//普通表單項(xiàng)System.out.println("name"+name.getFieldName()+"value"+name.getString()+"---"+name.getName());}else {//文件項(xiàng)//這里進(jìn)行上傳圖片的操作//不會(huì)可以參考 https://blog.csdn.net/qq_43632766/article/details/90017859System.out.println("name"+name.getFieldName());}}} catch (FileUploadException e) {// TODO Auto-generated catch blocke.printStackTrace();}/** 這里只是教你如何返回*/response.setContentType("text/html;charset=utf-8");PrintWriter writer = response.getWriter();String[] code=new String[3];code[0]="1";code[1]="成功";JSONObject json = new JSONObject();json.put("code",code);writer.print(json);}}
總結(jié)
以上是生活随笔為你收集整理的java ajax上传文件图片以json形式返回的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。
