jquery+uploadify+springmvc文件上传

由于uploadify和jquery各个版本不同,js代码和后台接受接口有点不同。

html 标签:

             <script type="text/javascript" src="rr_js/jquery-1.8.0.js"></script>
            <script type="text/javascript" src="rr_js/mydream.js"></script>
            <script src="rr_js/uploadify/jquery.uploadify.js" type="text/javascript"></script>
            <link rel="stylesheet" type="text/css" href="rr_js/uploadify/uploadify.css" />


                  <input type="file" id="file" style="display: none;" />


js代码:

          /* 文件提交 */
$('#file').uploadify({
'swf' : 'rr_js/uploadify/uploadify.swf',
'uploader' : 'upload.do',
'buttonText' : '上传',
'width' : 50,
'height' : 20,
'onUploadSuccess' : function(file, data, response) {
alert('successfully uploaded ' + ':' + data);
$(".rr_peitu").css("overflow","hidden").html("<img src=\"" + data + "\" />");
}
});


spring控制器:

@RequestMapping("upload")
public void upload(HttpServletRequest request,
PrintWriter out) {
MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) request;
Map<String, MultipartFile> fileMap = multipartRequest.getFileMap();  
MultipartFile multipartFile =null;
String fileName = null;
 for(Map.Entry<String,MultipartFile > set:fileMap.entrySet()){
 String filekey = set.getKey();//Filedata
 multipartFile = set.getValue();//文件名
 }
           fileName = this.storeIOc(multipartRequest, multipartFile);
           
  out.print(fileName);
}

--------------------------------------------------

// 接受图片,返回图片地址
private String storeIOc(HttpServletRequest request, MultipartFile file) {
String realPath = request.getSession().getServletContext()
.getRealPath("dream_ioc");
if (file == null) {
return "dream_ioc" + File.separator + "headpic.jpg";
}
String fileName = "";
String logImageName = "";
if (file.isEmpty()) {
System.out.println("文件未上传");
} else {
String _fileName = file.getOriginalFilename();
String suffix = _fileName.substring(_fileName.lastIndexOf("."));
// /**使用UUID生成文件名称**/
logImageName = UUID.randomUUID().toString() + suffix;


fileName = realPath + File.separator + logImageName;
File restore = new File(fileName);
try {
file.transferTo(restore);
} catch (Exception e) {
throw new RuntimeException(e);
}
}
// 返回默认的图片地址
return "dream_ioc/" + logImageName;
}


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值