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
    评论
uploadify 2.1.0 是一种用于在 Spring MVC 中实现文件上传的插件。 Spring MVC 是一个基于 Java 的 MVC(模型-视图-控制器)框架,用于构建 Web 应用程序。它提供了一种优雅的方式来处理客户端请求和响应,并支持各种功能,如路由、表单处理和文件上传uploadify 2.1.0 是一种用于在前端页面上实现文件上传的 JavaScript 插件。它具有易用性和灵活性的特点,可以与 Spring MVC 集成,实现文件上传功能。 要在 Spring MVC 中使用 uploadify 2.1.0,首先需要在前端页面引入 uploadify 的 JavaScript 文件,并创建一个上传按钮和一个用于显示上传进度的容器。 然后,在后端的 Spring MVC 控制器中,创建一个处理文件上传的方法。可以使用 Spring 的 MultipartFile 类型来接收上传的文件。在处理方法中,可以利用 MultipartFile 类提供的方法来获取文件的相关信息,如文件名、大小和内容。 处理方法可以进行一些上传文件的逻辑,如检查文件类型、大小或保存文件到服务器的指定路径。可以利用 Spring MVC 的文件上传功能,来处理上传的文件,并返回相应的响应结果给前端页面。 最后,可以在页面上通过监听 uploadify 的一些回调事件,来处理上传完成后的操作,如显示上传成功或失败的消息,或刷新页面以显示最新的上传文件列表。 总结来说,uploadify 2.1.0 和 Spring MVC 可以很好地配合使用,实现在 Web 应用程序中的文件上传功能,提升用户体验和数据操作的便利性。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值