之前做过uploadify 2.x的文件上传，做这个项目的时候发现官网现在版本是3.2.1于是就做了一个demo。
前台代码如下(注意引入jquery)：
<!DOCTYPE HTML >
<html>
<head>
<title>文件上传</title>
<%@include file="comm/comm.jsp" %>
<link rel="stylesheet" type="text/css" href="css/uploadify.css">
<script type="text/javascript" src="js/jquery.uploadify.min.js"></script>
<script >
$(document).ready(function() {
$("#file_upload").uploadify({
'buttonText' : '请选择',
'height' : 30,
'swf' : '/auth/js/uploadify.swf',
'uploader' : '/auth/uploadFile.html',
'width' : 120,
'auto':false,
'fileObjName' : 'file',
'onUploadSuccess' : function(file, data, response) {
alert( file.name + ' 上传成功！ ');
}
});
});
</script>
</head>
<body>
<input type="file" name="fileName" id="file_upload" />
<a href="javascript:$('#file_upload').uploadify('upload', '*')">上传文件</a> | <a href="javascript:$('#file_upload').uploadify('stop')">停止上传!</a>
</body>
</html>
后台代码如下：
@RequestMapping(value="/uploadFile",method=RequestMethod.POST)
public void uploadFile(HttpServletResponse response,HttpServletRequest request,@RequestParam(value="file", required=false) MultipartFile file) throws IOException{
byte[] bytes = file.getBytes();
System.out.println(file.getOriginalFilename());
String uploadDir = request.getRealPath("/")+"upload";
File dirPath = new File(uploadDir);
if (!dirPath.exists()) {
dirPath.mkdirs();
}
String sep = System.getProperty("file.separator");
File uploadedFile = new File(uploadDir + sep
+ file.getOriginalFilename());
FileCopyUtils.copy(bytes, uploadedFile);
msg = "true";
response.getWriter().write(msg);
}
分享到：
相关推荐
- Flash支持：虽然现代浏览器逐步淘汰Flash，但Uploadify 3.2.1在当时仍依赖Flash进行文件选取和上传。 - 自定义事件：Uploadify提供了丰富的事件处理机制，如`onSelect`、`onProgress`和`onComplete`，便于开发者...
Uploadify 是一个基于 jQuery 的强大文件上传插件，它的出现极大地简化了网页端的文件上传操作，特别是对于那些需要处理大量用户上传文件的网站来说，它提供了高效且用户体验良好的解决方案。在 "uploadify3.2.1 ...
综上所述，Uploadify 3.2.1是一个强大且易用的文件上传插件，其详细的文档和示例使得开发者能够快速集成到项目中，实现高效、便捷的文件上传功能。无论是在小型个人项目还是大型企业级应用中，它都是一个值得信赖的...
在本文中，我们将深入探讨如何使用Spring MVC框架与uploadify插件进行文件上传，特别是针对图片的上传。Spring MVC是Spring框架的一部分，专门用于构建Web应用程序，而uploadify是一款前端JavaScript插件，使得用户...
Uploadify是一款基于jQuery的文件上传插件，版本为3.2.1，它极大地简化了在Web应用中实现异步无刷新多文件上传的过程。这个插件的核心特性是通过Ajax技术实现在后台处理文件上传，使得用户在上传过程中无需等待页面...
Uploadify 是一个流行的JavaScript上传插件...通过以上步骤，你就能在项目中实现Uploadify 3.2.1的文件上传功能。记住，理解每个部分的工作原理以及如何定制和扩展是关键，这样可以使Uploadify更好地适应你的项目需求。
本项目着重解决如何在Spring MVC框架下配置并使用Uploadify，同时避免与Spring MVC自身的文件上传配置发生冲突。 首先，我们需要理解`Spring MVC`的文件上传机制。Spring MVC通过`MultipartResolver`接口处理多部分...
Uploadify v3.2.1 是一款流行的前端文件上传插件，主要应用于Web应用程序中，让用户能够方便快捷地上传文件到服务器。这个个人修复版是针对官方原版的一个改进版本，解决了用户在官网下载后遇到的一些问题。修复者...
Uploadify V3.2.1是一款广泛应用于网页端的文件上传插件，它以其便捷、高效和用户友好的特性在IT行业中受到了众多开发者和设计师的青睐。这款插件允许用户在网页上实现批量、多文件的上传功能，极大地提升了文件交互...
Uploadify是一个易集成的多文件上传解决方案，在手册翻译时，3.2版目前最新。作为一个jQuery插件，Uploadify不仅使用简单而且可定制性非常强。
此js解决jquery.uploadify.3.2.1 在IE9,IE10中 上传文件的按钮会无法点问题
4. **与SpringMVC集成**：在后台处理文件上传时，通常会使用像SpringMVC这样的MVC框架。你需要创建一个控制器方法来接收并处理Uploadify发送的文件。SpringMVC提供了`MultipartFile`接口，用于处理上传的文件。你...
【标题】"基于Struts2+Spring+MyBatis+Uploadify的多文件上传"是一个典型的Java Web项目，它利用了这些技术栈来实现高效、交互友好的文件上传功能。Struts2作为MVC框架，负责处理用户请求并协调整个应用的流程；...
在本文中，我们将深入探讨如何在ASP.NET MVC4框架下，利用JQuery Dialog插件创建一个弹出对话框，并在其中集成Uploadify组件实现多文件上传功能。这将涉及前端JavaScript库、后端C#处理逻辑以及数据库交互，旨在提供...
Uploadify是一款广泛应用于Web开发中的前端文件上传插件，它允许用户通过Flash或HTML5技术实现多文件批量上传。在3.2.1版本中，虽然功能强大且易用，但有时用户可能会遇到“404 Not Found”错误，这通常是由于服务器...
首先，Uploadify是一个基于Flash和jQuery的文件上传组件，它提供了丰富的自定义选项，包括文件类型限制、进度条显示、多文件同时上传等。其主要优势在于它可以异步上传文件，即用户在选择文件后，文件会后台上传，而...
在本教程中，我们将深入探讨如何在ASP.NET MVC项目中集成Uploadify v3.2.1，以实现高效且友好的文件上传界面。 首先，我们需要在项目中引入Uploadify。你可以从其官方网站或者第三方资源网站下载v3.2.1版本的压缩包...
Uploadify是一款广泛使用的前端插件，它使得文件上传过程更加直观、用户友好，并且支持批量上传和自定义样式，极大地提升了用户体验。 首先，我们来了解jQuery Uploadify插件。Uploadify是基于jQuery的，这意味着你...
jquery uploadify3.1 与java 集成，包含有 页面，配置servlet web.xml 部署到tomcat中 ,即可使用。简单方便，页面中包含有 uploadify 3.1的 一些样式。可自行进行更改