java ajax post多文件_使用ajax请求上传多个或者多个附件

jsp页面

文件上传

ajax异步上传文件

上传-->

ajax异步多文件上传

//单文件上传

function oneUpload() {

var file = document.getElementById("upload").files[0];

var formData = new FormData();

formData.append("file", file);

$.ajax({

type: 'POST',

url: '${pageContext.request.contextPath}/oneUpload.do',

processData: false, //是否把上传的数据 处理为对象 默认为true

contentType: false, //避免让jquery 设置请求头有可能会破坏分隔符。 而使服务器不能正常解析文件

data:formData,

success: function (data) {

alert(data);

}

})

}

//多文件上传

function upload_files(){

var formData = new FormData($("#fileForm")[0]);

$.ajax({

type: 'POST',

url:'${pageContext.request.contextPath}/allUpload.do',

processData: false, //是否把上传的数据 处理为对象 默认为true

contentType: false, //避免让jquery 设置请求头有可能会破坏分隔符。 而使服务器不能正常解析文件

data:formData,

success: function (data) {

alert(data);

}

})

}

java后端代码

package com.zjn.controller;

import java.io.File;

import java.io.FileOutputStream;

import java.io.IOException;

import java.io.InputStream;

import java.io.OutputStream;

import java.text.SimpleDateFormat;

import java.util.Date;

import java.util.HashMap;

import java.util.List;

import java.util.Map;

import java.util.UUID;

import javax.servlet.http.HttpServletRequest;

import org.springframework.stereotype.Controller;

import org.springframework.web.bind.annotation.RequestMapping;

import org.springframework.web.bind.annotation.RequestParam;

import org.springframework.web.bind.annotation.ResponseBody;

import org.springframework.web.multipart.MultipartFile;

import org.springframework.web.multipart.MultipartHttpServletRequest;

@Controller

public class AjaxUpload {

/**

* 单文件上传

*

* @param file

* @param request

* @return

*/

@RequestMapping("/oneUpload")

@ResponseBody

public String oneUploadFile(MultipartFile file, HttpServletRequest request) {

String path = "D://图片/img/";

//String data = sft.format(new Date());

String fileName = file.getOriginalFilename();

String lastStr = fileName.substring(fileName.lastIndexOf("."));

if (".txt".equals(lastStr)) {

return "文件格式不正确";

}

;

File file1 = new File(path);

if (!file1.exists()) {

file1.mkdirs();

}

String newName = UUID.randomUUID().toString().replace("-", "") + fileName;

try {

file.transferTo(new File(file1, newName));

String url = path + "/" + newName;

System.out.println(url);

return url;

} catch (IOException e) {

e.printStackTrace();

}

//文件存储路径

return "error";

}

/**

* 多文件上传

*

* @param list

* @param request

* @return

*/

@RequestMapping("/allUpload")

@ResponseBody

public String allUploadFile(@RequestParam(value = "files") List list, HttpServletRequest request) {

System.out.println("list====="+list);

String path = "D://图片/allImg/";

for (MultipartFile file : list) {

String fileName = file.getOriginalFilename();

String lastStr = fileName.substring(fileName.lastIndexOf("."));

;

File file1 = new File(path);

if (!file1.exists()) {

file1.mkdirs();

}

String newName = UUID.randomUUID().toString().replace("-", "") + fileName;

try {

file.transferTo(new File(file1, newName));

String url = path+ "/" + newName;

System.out.println(url);

} catch (IOException e) {

e.printStackTrace();

}

}

//文件存储路径

return "success";

}

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值