Ajax上传File对象到服务器
2021-01-20 15:12
标签:cti jpg request ror java代码 数据 method web multi HTML代码: JavaScript: java代码 Ajax上传File对象到服务器 标签:cti jpg request ror java代码 数据 method web multi 原文地址:https://www.cnblogs.com/icyhoo/p/13320773.htmlinput type="file" name="uploadFile" id="uploadFile">
$("#uploadFile").on("change", function() {
var formData = new FormData(); // 创建一个form类型的数据
formData.append(‘file‘,‘$("#uploadFile")[0].files); // 获取上传文件的数据
$.ajax({
url: "/API/Face/SubmitFile",
type: "POST",
processData: false, // 将数据转换成对象,不对数据做处理,故 processData: false
contentType: false, // 不设置数据类型
xhrFields: { // 这样在请求的时候会自动将浏览器中的cookie发送给后台
withCredentials: true
},
data: formData,
success: function(data) {
console.log(data)
},
error: function(data) {
}
})
})
@RequestMapping(value ="/SubmitFile",method = RequestMethod.POST)
public JsonResult SubmitFile(HttpServletRequest request, HttpServletResponse response) {
try {
String faceuid=UUID.randomUUID().toString();
MultipartHttpServletRequest filerequest=(MultipartHttpServletRequest)request;
MultipartFile file=filerequest.getFile("file");
//保存file并返回路径
String localfilepath = FileHelper.SaveMultipartFile(file, WebConfig.getUploaddir(), "face", faceuid + ".jpg");
return Json.getJsonResult(true,localfilepath);
}catch(Exception ex) {
return Json.getJsonResult(ex.getMessage());
}
}