通过ajaxFileUpload控件上传图片,java后台接收并保存本地
2017-11-21 20:54
881 查看
前端JS代码
$.ajaxFileUpload({
url:ajax.addressIP.testAdress + "userService/addOperatorImage",
secureuri: false,
fileElementId:imageurl,
dataType: 'text', //返回数据的类型
method: "post",
data: {
"userId":userid
},
success: function(res) {
top.swal({
title: "添加成功!",
text: "将在3秒后自动关闭.",
timer: 3000,
type: "success"
});
},
error: function(res) {
top.swal({
title: "添加失败!",
text: "将在3秒后自动关闭.",
timer: 3000,
type: "error"
});
}
});
后端JAVA代码:
@RequestMapping(value = "/addOperatorImage", method = RequestMethod.POST)
public LocalContext addOperatorImage(HttpServletRequest request,LocalContext localContext) throws IOException
{
String localPathDir = "D:\\test";
File logoSaveFile = new File(localPathDir);
if(!logoSaveFile.exists()){
logoSaveFile.mkdirs();
}
if (request instanceof MultipartHttpServletRequest) {
MultipartHttpServletRequest mr = (MultipartHttpServletRequest) request;
Iterator iter = mr.getFileMap().values().iterator();
if (iter.hasNext()) {
MultipartFile file = (MultipartFile) iter.next();
String oname = file.getOriginalFilename();
String fileName = localPathDir + File.separator +oname;
File files = new File(fileName);
InputStream inputstream =file.getInputStream();
byte[] bytes = new byte[1024];
FileOutputStream outstream = new FileOutputStream(fileName);
int index;
while ((index = inputstream.read(bytes)) != -1) {
outstream.write(bytes, 0, index);
outstream.flush();
}
localContext.success();
outstream.close();
inputstream.close();
}
}
return localContext;
}
$.ajaxFileUpload({
url:ajax.addressIP.testAdress + "userService/addOperatorImage",
secureuri: false,
fileElementId:imageurl,
dataType: 'text', //返回数据的类型
method: "post",
data: {
"userId":userid
},
success: function(res) {
top.swal({
title: "添加成功!",
text: "将在3秒后自动关闭.",
timer: 3000,
type: "success"
});
},
error: function(res) {
top.swal({
title: "添加失败!",
text: "将在3秒后自动关闭.",
timer: 3000,
type: "error"
});
}
});
后端JAVA代码:
@RequestMapping(value = "/addOperatorImage", method = RequestMethod.POST)
public LocalContext addOperatorImage(HttpServletRequest request,LocalContext localContext) throws IOException
{
String localPathDir = "D:\\test";
File logoSaveFile = new File(localPathDir);
if(!logoSaveFile.exists()){
logoSaveFile.mkdirs();
}
if (request instanceof MultipartHttpServletRequest) {
MultipartHttpServletRequest mr = (MultipartHttpServletRequest) request;
Iterator iter = mr.getFileMap().values().iterator();
if (iter.hasNext()) {
MultipartFile file = (MultipartFile) iter.next();
String oname = file.getOriginalFilename();
String fileName = localPathDir + File.separator +oname;
File files = new File(fileName);
InputStream inputstream =file.getInputStream();
byte[] bytes = new byte[1024];
FileOutputStream outstream = new FileOutputStream(fileName);
int index;
while ((index = inputstream.read(bytes)) != -1) {
outstream.write(bytes, 0, index);
outstream.flush();
}
localContext.success();
outstream.close();
inputstream.close();
}
}
return localContext;
}
相关文章推荐
- java图片上传并预览,前台用jQuery插件AjaxFileUpload,后台用FileUtils.copyFile.
- 小程序的图片上传wx.uploadFile及后台PHP接收文件并存储到服务器
- springMVC + ajaxfileupload异步上传图片预览,裁剪并保存图片
- [JavaWeb]jsp图片ajax异步上传,利用ajaxfileupload
- 通过formdata ajax上传图片 以及后台接收formdata数据 mvc
- Java 后台实现上传图片的接收并保存
- 使用ajaxfileupload插件实现异步上传并保存图片功能
- sql server 关于表中只增标识问题 C# 实现自动化打开和关闭可执行文件(或 关闭停止与系统交互的可执行文件) ajaxfileupload插件上传图片功能,用MVC和aspx做后台各写了一个案例 将小写阿拉伯数字转换成大写的汉字, C# WinForm 中英文实现, 国际化实现的简单方法 ASP.NET Core 2 学习笔记(六)ASP.NET Core 2 学习笔记(三)
- springMVC + ajaxfileupload异步上传图片预览,裁剪并保存图片
- 通过修改ajaxFileUpload.js实现多图片动态上传并实现预览
- 文件上传ajaxFileUpload.js使用方法 包含后台接收方法
- springMVC + ajaxfileupload异步上传图片预览,裁剪并保存图片
- 后台使用Spring MVC 4.15 版本 通过 ajaxFileUpload plugin插件上传文件相应时引起的一个小问题,Chrome、Firefox中出现SyntaxError:unexpected token <
- 异常-----springmvc + ajaxfileupload解决ajax不能异步上传图片的问题。java.lang.ClassCastException: org.apache.catalina.connector.RequestFacade cannot be cast to org.springframework.web.multipart.
- [JavaWeb]jsp图片ajax异步上传,利用ajaxfileupload
- springMVC + ajaxfileupload异步上传图片预览,裁剪并保存图片
- [原创]Ajax UpLoadFile 多个大文件上传控件,已更新。
- 关于ajaxfileupload.js上传图片使用历程(struts2)
- Struts2中的异步提交(ajaxfileupload异步上传(图片)插件的使用)
- 利用ajaxfileupload.js实现跨域上传图片并处理返回的数据