单张图片上传与回显
来源:互联网 发布:阿里云邮件服务器设置 编辑:程序博客网 时间:2024/05/21 01:28
js代码:
/**
* 上传并回显轮播图
* @returns
*/
doUpload:function(){
var formData = new FormData($("#uploadForm")[0]);
$.ajax({
url: '../banner/upPic.do' ,
type: 'POST',
data: formData,
async: false,
cache: false,
contentType: false,
processData: false,
success: function (data) {
banner.defaultOption.img=data.resData;
$("#scrollPic").attr("src","../upload/"+data.resData);
},
error: function (returndata) {
console.log(returndata);
}
});
},
后台代码
@RequestMapping(value = "/headPic")
public String headPic(HttpServletRequest request) throws Exception {
log.info(GlobalContract.LOG_BEGIN);
ResultVO resultVO = null;
//获取图片类
MultipartRequest muRequest = (MultipartRequest) request;
MultipartFile muFile = muRequest.getFile("headPic");
if (!muFile.isEmpty()) {
//创建文件储存路径
String uploadPath = request.getSession().getServletContext()
.getRealPath("/upload");
//获取原始文件名
String originalName = muFile.getOriginalFilename();
//切割保留后缀名,起新名
int beginIndex = originalName.lastIndexOf(".");
String suffix = originalName.substring(beginIndex);
String newName = new Date().getTime() + suffix;
//文件写入
File uploadFile = new File(uploadPath + File.separator + newName);
try {
FileUtils.copyInputStreamToFile(muFile.getInputStream(),
uploadFile);
resultVO=new ResultVO();
//返回新文件名
resultVO.setResData(newName);
} catch (IOException e) {
e.printStackTrace();
resultVO = new ResultVO(GlobalMessage.MSG_01);
log.error("错误参数:" + originalName);
log.error("错误信息:" + e.getMessage());
}
} else {
resultVO=new ResultVO();
resultVO.setResData("defeat");
}
log.info(GlobalContract.LOG_END);
return JSONObject.fromObject(resultVO).toString();
}
- 单张图片上传与回显
- thinkphp 上传单张图片
- 上传单张图片
- Retrofit 上传图片(单张)
- AFN上传单张图片
- AFNetworking单张图片上传
- 实现图片单张上传
- vue上传单张图片
- iOS AFNetWoring单张上传图片
- 单张图片上传表单提交
- 拖拽上传图片(只能上传单张)
- 上传单张/多张图片,删除图片
- kindeditor 单张图片上传 源码修改
- AFNetworking 2.0+ 上传单张/多张图片
- AFNetworking 2.0+ 上传单张/多张图片
- ios 上传单张图片到服务器
- iOS -- 单张图片上传到服务器
- android上传单张图片到后台
- LG G2修复弹出n个未识别磁盘
- 大数据生态系统基础:Hadoop(四):Hadoop 3.0.0 HDFS SHELL 命令
- Codeforces 837D
- java单例模式之懒汉模式和饿汉模式
- STL之String
- 单张图片上传与回显
- Java泛型学习-20170819
- iOS
- bindService 分析---之二
- web前端学习日记25-------在线简历的完成
- 2017.8.19. 高精度
- I2C
- 学习网址
- Oracle学习笔记day05——DQL语言