如何用jQuery实现文件上传组件？

本文共计422个文字，预计阅读时间需要2分钟。

javapackage com.lincomb.scene.input.controller;

import com.lincomb.base.util.Base64;import com.lincomb.base.util.FastdfsUtil;import com.lincomb.scene.input.common.constant.Constant;import com.lincomb.scene.input.common.*;

FileUploadController.java

package com.lincomb.scene.input.controller; import com.lincomb.base.util.Base64; import com.lincomb.base.util.FastdfsUtil; import com.lincomb.scene.input.common.constant.Constant; import com.lincomb.scene.input.common.controller.BaseController; import com.lincomb.scene.input.common.util.Assert; import com.lincomb.scene.input.enums.RespCode; import lombok.extern.slf4j.Slf4j; import org.springframework.stereotype.Controller; import org.springframework.ui.ModelMap; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestMethod; import org.springframework.web.bind.annotation.RequestParam; import org.springframework.web.multipart.MultipartFile; import org.springframework.web.servlet.ModelAndView; import javax.servlet.172.16.103.204"; ModelMap model = new ModelMap(); List urlList = new ArrayList<>(); List imgList=new ArrayList<>(); for (MultipartFile file : files) { if (file.isEmpty()) { model.addAttribute(Constant.ResponseVO.CODE, RespCode.REQUEST_PARAM_NULL.getCode()); model.addAttribute(Constant.ResponseVO.MSG, RespCode.REQUEST_PARAM_NULL.getMsg()); } else { //生成uuid作为文件名称 String uuid = UUID.randomUUID().toString().replaceAll("-",""); String contentType=file.getContentType(); //获得文件后缀名称 String imageName=contentType.substring(contentType.indexOf("/")+1); String fileName=uuid+"."+imageName; //借助dfs上传文件 try { byte[] bytes = file.getBytes(); String url = FastdfsUtil.upload(bytes, fileName, file.getSize()); urlList.add(dfsDomain + url); imgList.add(fileName); } catch (IOException e) { log.info(String.format("文件上传失败:%s",e)); model.addAttribute(Constant.ResponseVO.CODE, RespCode.RESP_CODE_FAILER.getCode()); model.addAttribute(Constant.ResponseVO.MSG, RespCode.RESP_CODE_FAILER.getMsg()); } } } model.addAttribute("urlList", urlList); model.addAttribute("imgList", imgList); model.addAttribute(Constant.ResponseVO.CODE, RespCode.RESP_CODE_SUCCESS.getCode()); model.addAttribute(Constant.ResponseVO.MSG, RespCode.RESP_CODE_SUCCESS.getMsg()); return new ModelAndView("jsonView", model); } } index.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %> multiple>