完整版图片上传

一：页面
<#include “/common/head.ftl”/>

-->

.updatepanel {
border: 1px solid #ccc;
text-align: center;
}
.updatepanel .addbox {
vertical-align: middle;
height: 285px;
line-height: 285px;
}

#image {
overflow: hidden;
}
.panel-body {
/padding-top: 0px;
padding-bottom: 0px;/
}
label {
width: 100%;
}

<#--

图片上传：

-->

指定文件名：

上传文件：

<#--

上传文件：

--> <#--

上传文件：

-->

function doUpload() {
var formData = new FormData();
formData.append(“token”, token);
console.log(token)

var filelength = $('#file1')[0].files.length;

console.log(filelength);
var i=0

while (i<filelength){
formData.append(“file1”, $(’#file1’)[0].files[i]);
i++
}在这里插入代码片
console.log(formData)
// for(int i=0 i<6; i++){
// formData.append(“file1”, $(’#file1’)[0].files[i]);
// }

$.ajax({
  url: '/web/DemoImageController/uploadMult',
  type: 'post',
  data: formData,
  cache: false,
  processData: false,
  contentType: false,
  async: false
}).done(function(res) {

}).fail(function(res) {

});

}在这里插入代码片

二：后台controller
@RequestMapping(value = “/uploadMult”, method = RequestMethod.POST)
@ResponseBody
public String uploadMult(HttpServletRequest request) throws IOException {
// 转型为MultipartHttpRequest：
MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) request;
// 获得文件：
List files = multipartRequest.getFiles(“file1”);

    if (files.isEmpty()) {
        return "false";
    }
    File fileTemp = new File("");
    String path= fileTemp.getCanonicalPath()+ "/src/main/resources/static/upload/";
    List<String> list = new ArrayList<String>();
    for (MultipartFile file : files) {
        String fileName = file.getOriginalFilename();
        String trueFileName = String.valueOf(System.currentTimeMillis()) +fileName;
        String relativeFilePath= "static/upload/" +trueFileName;
        list.add(relativeFilePath);
        int size = (int) file.getSize();
        System.out.println(trueFileName + "-->" + size);
        if (file.isEmpty()) {
            return "false";
        } else {
            File dest = new File(path + "/" + trueFileName);
            if (!dest.getParentFile().exists()) { // 判断文件父目录是否存在
                dest.getParentFile().mkdir();
            }
            try {
                file.transferTo(dest);
            } catch (Exception e) {
                // TODO Auto-generated catch block
                e.printStackTrace();
                return "false";
            }
        }
    }
    return JsonUtil.toJson(list);
}