uploadify 封装怎么取得多个文件名
点击联系发帖人
时间：2016-09-05 02:32
在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
上传插件uploadify：
http://www.uploadify.com/documentation/
选择同名文件，会将队列中前一个文件删除掉。可否不被删除，没找到对应的修改参数。
同步到新浪微博
分享到微博？
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：
在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。其他回答(7)
如果用两个配置，应该没事吧
而且一个 uploadify 也可以上传多个文件啊!
园豆：1860
园豆：9751
用AJAX试试？
加一个隐藏的字段进行控制，第一个成功后，用js给隐藏字段赋值，然后第二个开始的时候，先去验证隐藏字段
建议用 silverlight 的，而且是开源&
园豆：1887
用flex或者silverlight实施多文件上传，或者用多个iframe框架来做这个事情
园豆：8263
园豆：8263
我也遇到相同问题，楼主是怎么让两个空间不冲突的？求指教：
告诉你们正确答案，一个页面用时用两个的时候，切记JS里面的函数名称要不一样，比如initUploadify()这个函数一定要改一下，比如我上传Logo用的Js函数，我就在后面都加上Logo,改为initUploadifyLogo()。
这样就都可以使用了，跟Session没有关系的。
清除回答草稿
&&&您需要以后才能回答，未注册用户请先。用uploadify3.2怎么读取上传的文件名到文本框
[问题点数：40分]
本版专家分：0
结帖率 50%
CSDN今日推荐
本版专家分：0
匿名用户不能发表回复！|
其他相关推荐快人一步，领先一路!!
uploadify来实现多文件上传
先示意图，使用uploadify来实现文件上传能够客户端判断文件大小、控制文件上传的类型、实现多文件上传、显示进度条等功能，方便易用，兼容性较好。
本例是把dwz中整合uploadify功能抽取出来的，可以进行单独使用，不一定要遭dwz中才能使用，本例只是为了测试，所以使用静态页面进行测试：
话不多说，代码敬上：
1，资源文件的结构
2，html页面的代码
&!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&
&title&MyHtml.html&/title&
&meta http-equiv="content-type" content="text/ charset=UTF-8"&
&link href="resources/dwz/uploadify/css/uploadify.css" rel="stylesheet" type="text/css" media="screen" /&
&script src="resources/dwz/js/jquery-1.7.2.js" type="text/javascript"&&/script&
&script src="resources/dwz/uploadify/scripts/jquery.uploadify.js" type="text/javascript"&&/script&
&script src="resources/dwz/uploadify/scripts/errorCode.js" type="text/javascript"&&/script&
&!--&link rel="stylesheet" type="text/css" href="./styles.css"&--&
&style type="text/css" media="screen"&
.my-uploadify-button {
background:
text-shadow:
border-radius: 0;
.uploadify:hover .my-uploadify-button {
background:
.fileQueue {
width: 400
height: 150
border: 1px solid #E5E5E5;
margin-bottom: 10
&script type="text/javascript"&
$(function(){
$('#testFileInput').uploadify({
swf:'resources/dwz/uploadify/scripts/uploadify.swf',
uploader:'servlet/uploadify.do',//上传的url
formData:{PHPSESSID:'xxx', ajax:1},
buttonText:'请选择文件',
fileSizeLimit:'200KB',//设置上传大小
fileTypeDesc:'*.*.*.*.',
fileTypeExts:'*.*.*.*.',//允许的后缀
auto:true,//是否自动上传
multi:true,
overrideEvents: ['onDialogClose', 'onUploadError', 'onSelectError' ],//重新错误信息的显示方法
onSelectError: uploadify_onSelectError,
onUploadError: uploadify_onUploadError,
onUploadSuccess: uploadify_onUploadSuccess
$('#testFileInput2').uploadify({
swf:'resources/dwz/uploadify/scripts/uploadify.swf',
uploader:'servlet/uploadify.do',
formData:{PHPSESSID:'xxx', ajax:1},
queueID:'fileQueue',
buttonImage:'resources/dwz/uploadify/img/add.jpg',
buttonClass:'my-uploadify-button',
width:102,
auto:false,
fileSizeLimit:'100KB',
fileTypeDesc:'*.*.*.*.',
fileTypeExts:'*.*.*.*.',
overrideEvents: [ 'onDialogClose','onUploadError', 'onSelectError' ],
onSelectError: uploadify_onSelectError,
onUploadError: uploadify_onUploadError,
onUploadSuccess: uploadify_onUploadSuccess
&!-- 单文件上传 --&
&input id="testFileInput" type="file" name="image" /&
&div class="divider"&&/div&
&!-- 多文件上传 --&
&input id="testFileInput2" type="file" name="image2" /&
&div id="fileQueue" class="fileQueue"&&/div&
&input type="image" src="resources/dwz/uploadify/img/upload.jpg" onclick="$('#testFileInput2').uploadify('upload', '*');" /&
&input type="image" src="resources/dwz/uploadify/img/cancel.jpg" onclick="$('#testFileInput2').uploadify('cancel', '*');" /&
3，上传的servlet代码
package uploadF
import java.io.F
import java.io.IOE
import java.util.I
import java.util.L
import javax.servlet.ServletE
import javax.servlet.http.HttpS
import javax.servlet.http.HttpServletR
import javax.servlet.http.HttpServletR
import org.apache.commons.fileupload.FileI
import org.apache.commons.fileupload.FileUploadE
import org.apache.commons.fileupload.disk.DiskFileItemF
import org.apache.commons.fileupload.servlet.ServletFileU
public class UploadFile extends HttpServlet {
protected void service(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
super.service(request, response);
protected void doPost(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
//临时目录
String basePath = req.getServletContext().getRealPath("upload");
String tempDir = "temp";
File tempFile = new File(basePath + File.separator +tempDir);
if (!tempFile.exists()) {
tempFile.mkdir();
DiskFileItemFactory dfc = new DiskFileItemFactory();
dfc.setSizeThreshold(1*);//设置临界值
dfc.setRepository(tempFile);//设置临时上传目录
ServletFileUpload upload = new ServletFileUpload(dfc);
upload.setHeaderEncoding("UTF-8");//设置编码
// 设置文件最大值,这里设置5Mb,5*;
upload.setSizeMax(5 * 1024 * 1024);
List fileList = upload.parseRequest(req);
Iterator&FileItem& iterator = fileList.iterator();
while (iterator.hasNext()) {
FileItem item = iterator.next();
String fileName = item.getName();//得到文件名
if (fileName != null) {
//System.out.println(fileName);
//System.out.println(item.getSize());
File sourceFile = new File(basePath+File.separator+fileName);
item.write(sourceFile);
} catch (FileUploadException e) {
e.printStackTrace();
} catch (Exception e) {
e.printStackTrace();
//resp.getWriter().print("上传成功！");
protected void doGet(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
super.doPost(req, resp);
4，web.xml配置
&servlet-name&upLoadify&/servlet-name&
&servlet-class&uploadFile.UploadFile&/servlet-class&
&/servlet&
&servlet-mapping&
&servlet-name&upLoadify&/servlet-name&
&url-pattern&/servlet/uploadify.do&/url-pattern&
&/servlet-mapping&
5，uploadify的提示信息是英文的，为了显示中文的提示信息，将其错误提示方法进行重新，新建errorCode.js放入在resource/dwz/uploadify/scripts文件夹下面，并在页面进行导入这个js,js代码如下：
var uploadify_onSelectError = function(file, errorCode, errorMsg) {
var msgText = "上传失败\n";
switch (errorCode) {
case SWFUpload.QUEUE_ERROR.QUEUE_LIMIT_EXCEEDED:
//this.queueData.errorMsg = "每次最多上传 " + this.settings.queueSizeLimit + "个文件";
msgText += "每次最多上传 " + this.settings.queueSizeLimit + "个文件";
case SWFUpload.QUEUE_ERROR.FILE_EXCEEDS_SIZE_LIMIT:
msgText += "文件大小超过限制( " + this.settings.fileSizeLimit + " )";
case SWFUpload.QUEUE_ERROR.ZERO_BYTE_FILE:
msgText += "文件大小为0";
case SWFUpload.QUEUE_ERROR.INVALID_FILETYPE:
msgText += "文件格式不正确，仅限 " + this.settings.fileTypeE
msgText += "错误代码：" + errorCode + "\n" + errorM
alert(msgText);
var uploadify_onUploadError = function(file, errorCode, errorMsg, errorString) {
// 手工取消不弹出提示
if (errorCode == SWFUpload.UPLOAD_ERROR.FILE_CANCELLED
|| errorCode == SWFUpload.UPLOAD_ERROR.UPLOAD_STOPPED) {
var msgText = "上传失败\n";
switch (errorCode) {
case SWFUpload.UPLOAD_ERROR.HTTP_ERROR:
msgText += "HTTP 错误\n" + errorM
case SWFUpload.UPLOAD_ERROR.MISSING_UPLOAD_URL:
msgText += "上传文件丢失，请重新上传";
case SWFUpload.UPLOAD_ERROR.IO_ERROR:
msgText += "IO错误";
case SWFUpload.UPLOAD_ERROR.SECURITY_ERROR:
msgText += "安全性错误\n" + errorM
case SWFUpload.UPLOAD_ERROR.UPLOAD_LIMIT_EXCEEDED:
msgText += "每次最多上传 " + this.settings.uploadLimit + "个";
case SWFUpload.UPLOAD_ERROR.UPLOAD_FAILED:
msgText += errorM
case SWFUpload.UPLOAD_ERROR.SPECIFIED_FILE_ID_NOT_FOUND:
msgText += "找不到指定文件，请重新操作";
case SWFUpload.UPLOAD_ERROR.FILE_VALIDATION_FAILED:
msgText += "参数错误";
msgText += "文件:" + file.name + "\n错误码:" + errorCode + "\n"
+ errorMsg + "\n" + errorS
alert(msgText);
var uploadify_onUploadSuccess = function(file, data, response) {
alert(file.name + "\n\n上传成功");
没有更多推荐了，Javascript使用uploadify来实现多文件上传 | WEB开发
Javascript使用uploadify来实现多文件上传
使用uploadify来实现文件上传能够客户端判断文件大小、控制文件上传的类型、实现多文件上传、显示进度条等功能，方便易用，兼容性较好。
本例是把dwz中整合uploadify功能抽取出来的，可以进行单独使用，不一定要遭dwz中才能使用，本例只是为了测试，所以使用静态页面进行测试：
话不多说，代码敬上：
2，html页面的代码
&!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&
&title&MyHtml.html&/title&
&meta http-equiv="content-type" content="text/ charset=UTF-8"&
&link href="resources/dwz/uploadify/css/uploadify.css" rel="stylesheet" type="text/css" media="screen" /&
&script src="resources/dwz/js/jquery-1.7.2.js" type="text/javascript"&&/script&
&script src="resources/dwz/uploadify/scripts/jquery.uploadify.js" type="text/javascript"&&/script&
&script src="resources/dwz/uploadify/scripts/errorCode.js" type="text/javascript"&&/script&
&!--&link rel="stylesheet" type="text/css" href="./styles.css"&--&
&style type="text/css" media="screen"&
.my-uploadify-button {
background:
text-shadow:
border-radius: 0;
.uploadify:hover .my-uploadify-button {
background:
.fileQueue {
width: 400
height: 150
border: 1px solid #E5E5E5;
margin-bottom: 10
&script type="text/javascript"&
$(function(){
$('#testFileInput').uploadify({
swf:'resources/dwz/uploadify/scripts/uploadify.swf',
uploader:'servlet/uploadify.do',//上传的url
formData:{PHPSESSID:'xxx', ajax:1},
buttonText:'请选择文件',
fileSizeLimit:'200KB',//设置上传大小
fileTypeDesc:'*.*.*.*.',
fileTypeExts:'*.*.*.*.',//允许的后缀
auto:true,//是否自动上传
multi:true,
overrideEvents: ['onDialogClose', 'onUploadError', 'onSelectError' ],//重新错误信息的显示方法
onSelectError: uploadify_onSelectError,
onUploadError: uploadify_onUploadError,
onUploadSuccess: uploadify_onUploadSuccess
$('#testFileInput2').uploadify({
swf:'resources/dwz/uploadify/scripts/uploadify.swf',
uploader:'servlet/uploadify.do',
formData:{PHPSESSID:'xxx', ajax:1},
queueID:'fileQueue',
buttonImage:'resources/dwz/uploadify/img/add.jpg',
buttonClass:'my-uploadify-button',
width:102,
auto:false,
fileSizeLimit:'100KB',
fileTypeDesc:'*.*.*.*.',
fileTypeExts:'*.*.*.*.',
overrideEvents: [ 'onDialogClose','onUploadError', 'onSelectError' ],
onSelectError: uploadify_onSelectError,
onUploadError: uploadify_onUploadError,
onUploadSuccess: uploadify_onUploadSuccess
&!-- 单文件上传 --&
&input id="testFileInput" type="file" name="image" /&
&div &&/div&
&!-- 多文件上传 --&
&input id="testFileInput2" type="file" name="image2" /&
&div id="fileQueue" class="fileQueue"&&/div&
&input type="image" src="resources/dwz/uploadify/img/upload.jpg" onclick="$('#testFileInput2').uploadify('upload', '*');" /&
&input type="image" src="resources/dwz/uploadify/img/cancel.jpg" onclick="$('#testFileInput2').uploadify('cancel', '*');" /&
3，上传的servlet代码
package uploadF
import java.io.F
import java.io.IOE
import java.util.I
import java.util.L
import javax.servlet.ServletE
import javax.servlet.http.HttpS
import javax.servlet.http.HttpServletR
import javax.servlet.http.HttpServletR
import org.apache.commons.fileupload.FileI
import org.apache.commons.fileupload.FileUploadE
import org.apache.commons.fileupload.disk.DiskFileItemF
import org.apache.commons.fileupload.servlet.ServletFileU
public class UploadFile extends HttpServlet {
protected void service(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
super.service(request, response);
protected void doPost(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
//临时目录
String basePath = req.getServletContext().getRealPath("upload");
String tempDir = "temp";
File tempFile = new File(basePath + File.separator +tempDir);
if (!tempFile.exists()) {
tempFile.mkdir();
DiskFileItemFactory dfc = new DiskFileItemFactory();
dfc.setSizeThreshold(1*);//设置临界值
dfc.setRepository(tempFile);//设置临时上传目录
ServletFileUpload upload = new ServletFileUpload(dfc);
upload.setHeaderEncoding("UTF-8");//设置编码
// 设置文件最大值,这里设置5Mb,5*;
upload.setSizeMax(5 * 1024 * 1024);
List fileList = upload.parseRequest(req);
Iterator&FileItem& iterator = fileList.iterator();
while (iterator.hasNext()) {
FileItem item = iterator.next();
String fileName = item.getName();//得到文件名
if (fileName != null) {
//System.out.println(fileName);
//System.out.println(item.getSize());
File sourceFile = new File(basePath+File.separator+fileName);
item.write(sourceFile);
} catch (FileUploadException e) {
e.printStackTrace();
} catch (Exception e) {
e.printStackTrace();
//resp.getWriter().print("上传成功！");
protected void doGet(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
super.doPost(req, resp);
4，web.xml配置
&servlet-name&upLoadify&/servlet-name&
&servlet-class&uploadFile.UploadFile&/servlet-class&
&/servlet&
&servlet-mapping&
&servlet-name&upLoadify&/servlet-name&
&url-pattern&/servlet/uploadify.do&/url-pattern&
&/servlet-mapping&
5，uploadify的提示信息是英文的，为了显示中文的提示信息，将其错误提示方法进行重新，新建errorCode.js放入在resource/dwz/uploadify/scripts文件夹下面，并在页面进行导入这个js,js代码如下：
var uploadify_onSelectError = function(file, errorCode, errorMsg) {
var msgText = "上传失败n";
switch (errorCode) {
case SWFUpload.QUEUE_ERROR.QUEUE_LIMIT_EXCEEDED:
//this.queueData.errorMsg = "每次最多上传 " + this.settings.queueSizeLimit + "个文件";
msgText += "每次最多上传 " + this.settings.queueSizeLimit + "个文件";
case SWFUpload.QUEUE_ERROR.FILE_EXCEEDS_SIZE_LIMIT:
msgText += "文件大小超过限制( " + this.settings.fileSizeLimit + " )";
case SWFUpload.QUEUE_ERROR.ZERO_BYTE_FILE:
msgText += "文件大小为0";
case SWFUpload.QUEUE_ERROR.INVALID_FILETYPE:
msgText += "文件格式不正确，仅限 " + this.settings.fileTypeE
msgText += "错误代码：" + errorCode + "n" + errorM
alert(msgText);
var uploadify_onUploadError = function(file, errorCode, errorMsg, errorString) {
// 手工取消不弹出提示
if (errorCode == SWFUpload.UPLOAD_ERROR.FILE_CANCELLED
|| errorCode == SWFUpload.UPLOAD_ERROR.UPLOAD_STOPPED) {
var msgText = "上传失败n";
switch (errorCode) {
case SWFUpload.UPLOAD_ERROR.HTTP_ERROR:
msgText += "HTTP 错误n" + errorM
case SWFUpload.UPLOAD_ERROR.MISSING_UPLOAD_URL:
msgText += "上传文件丢失，请重新上传";
case SWFUpload.UPLOAD_ERROR.IO_ERROR:
msgText += "IO错误";
case SWFUpload.UPLOAD_ERROR.SECURITY_ERROR:
msgText += "安全性错误n" + errorM
case SWFUpload.UPLOAD_ERROR.UPLOAD_LIMIT_EXCEEDED:
msgText += "每次最多上传 " + this.settings.uploadLimit + "个";
case SWFUpload.UPLOAD_ERROR.UPLOAD_FAILED:
msgText += errorM
case SWFUpload.UPLOAD_ERROR.SPECIFIED_FILE_ID_NOT_FOUND:
msgText += "找不到指定文件，请重新操作";
case SWFUpload.UPLOAD_ERROR.FILE_VALIDATION_FAILED:
msgText += "参数错误";
msgText += "文件:" + file.name + "n错误码:" + errorCode + "n"
+ errorMsg + "n" + errorS
alert(msgText);
var uploadify_onUploadSuccess = function(file, data, response) {
alert(file.name + "nn上传成功");
原文链接：http://blog.csdn.net/hwt_211/article/details/
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持源码天空。}
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
上传插件uploadify：
http://www.uploadify.com/documentation/
选择同名文件，会将队列中前一个文件删除掉。可否不被删除，没找到对应的修改参数。
同步到新浪微博
分享到微博？
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：
在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。其他回答(7)
如果用两个配置，应该没事吧
而且一个 uploadify 也可以上传多个文件啊!
园豆：1860
园豆：9751
用AJAX试试？
加一个隐藏的字段进行控制，第一个成功后，用js给隐藏字段赋值，然后第二个开始的时候，先去验证隐藏字段
建议用 silverlight 的，而且是开源&
园豆：1887
用flex或者silverlight实施多文件上传，或者用多个iframe框架来做这个事情
园豆：8263
园豆：8263
我也遇到相同问题，楼主是怎么让两个空间不冲突的？求指教：
告诉你们正确答案，一个页面用时用两个的时候，切记JS里面的函数名称要不一样，比如initUploadify()这个函数一定要改一下，比如我上传Logo用的Js函数，我就在后面都加上Logo,改为initUploadifyLogo()。
这样就都可以使用了，跟Session没有关系的。
清除回答草稿
&&&您需要以后才能回答，未注册用户请先。用uploadify3.2怎么读取上传的文件名到文本框
[问题点数：40分]
本版专家分：0
结帖率 50%
CSDN今日推荐
本版专家分：0
匿名用户不能发表回复！|
其他相关推荐快人一步，领先一路!!
uploadify来实现多文件上传
先示意图，使用uploadify来实现文件上传能够客户端判断文件大小、控制文件上传的类型、实现多文件上传、显示进度条等功能，方便易用，兼容性较好。
本例是把dwz中整合uploadify功能抽取出来的，可以进行单独使用，不一定要遭dwz中才能使用，本例只是为了测试，所以使用静态页面进行测试：
话不多说，代码敬上：
1，资源文件的结构
2，html页面的代码
&!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&
&title&MyHtml.html&/title&
&meta http-equiv="content-type" content="text/ charset=UTF-8"&
&link href="resources/dwz/uploadify/css/uploadify.css" rel="stylesheet" type="text/css" media="screen" /&
&script src="resources/dwz/js/jquery-1.7.2.js" type="text/javascript"&&/script&
&script src="resources/dwz/uploadify/scripts/jquery.uploadify.js" type="text/javascript"&&/script&
&script src="resources/dwz/uploadify/scripts/errorCode.js" type="text/javascript"&&/script&
&!--&link rel="stylesheet" type="text/css" href="./styles.css"&--&
&style type="text/css" media="screen"&
.my-uploadify-button {
background:
text-shadow:
border-radius: 0;
.uploadify:hover .my-uploadify-button {
background:
.fileQueue {
width: 400
height: 150
border: 1px solid #E5E5E5;
margin-bottom: 10
&script type="text/javascript"&
$(function(){
$('#testFileInput').uploadify({
swf:'resources/dwz/uploadify/scripts/uploadify.swf',
uploader:'servlet/uploadify.do',//上传的url
formData:{PHPSESSID:'xxx', ajax:1},
buttonText:'请选择文件',
fileSizeLimit:'200KB',//设置上传大小
fileTypeDesc:'*.*.*.*.',
fileTypeExts:'*.*.*.*.',//允许的后缀
auto:true,//是否自动上传
multi:true,
overrideEvents: ['onDialogClose', 'onUploadError', 'onSelectError' ],//重新错误信息的显示方法
onSelectError: uploadify_onSelectError,
onUploadError: uploadify_onUploadError,
onUploadSuccess: uploadify_onUploadSuccess
$('#testFileInput2').uploadify({
swf:'resources/dwz/uploadify/scripts/uploadify.swf',
uploader:'servlet/uploadify.do',
formData:{PHPSESSID:'xxx', ajax:1},
queueID:'fileQueue',
buttonImage:'resources/dwz/uploadify/img/add.jpg',
buttonClass:'my-uploadify-button',
width:102,
auto:false,
fileSizeLimit:'100KB',
fileTypeDesc:'*.*.*.*.',
fileTypeExts:'*.*.*.*.',
overrideEvents: [ 'onDialogClose','onUploadError', 'onSelectError' ],
onSelectError: uploadify_onSelectError,
onUploadError: uploadify_onUploadError,
onUploadSuccess: uploadify_onUploadSuccess
&!-- 单文件上传 --&
&input id="testFileInput" type="file" name="image" /&
&div class="divider"&&/div&
&!-- 多文件上传 --&
&input id="testFileInput2" type="file" name="image2" /&
&div id="fileQueue" class="fileQueue"&&/div&
&input type="image" src="resources/dwz/uploadify/img/upload.jpg" onclick="$('#testFileInput2').uploadify('upload', '*');" /&
&input type="image" src="resources/dwz/uploadify/img/cancel.jpg" onclick="$('#testFileInput2').uploadify('cancel', '*');" /&
3，上传的servlet代码
package uploadF
import java.io.F
import java.io.IOE
import java.util.I
import java.util.L
import javax.servlet.ServletE
import javax.servlet.http.HttpS
import javax.servlet.http.HttpServletR
import javax.servlet.http.HttpServletR
import org.apache.commons.fileupload.FileI
import org.apache.commons.fileupload.FileUploadE
import org.apache.commons.fileupload.disk.DiskFileItemF
import org.apache.commons.fileupload.servlet.ServletFileU
public class UploadFile extends HttpServlet {
protected void service(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
super.service(request, response);
protected void doPost(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
//临时目录
String basePath = req.getServletContext().getRealPath("upload");
String tempDir = "temp";
File tempFile = new File(basePath + File.separator +tempDir);
if (!tempFile.exists()) {
tempFile.mkdir();
DiskFileItemFactory dfc = new DiskFileItemFactory();
dfc.setSizeThreshold(1*);//设置临界值
dfc.setRepository(tempFile);//设置临时上传目录
ServletFileUpload upload = new ServletFileUpload(dfc);
upload.setHeaderEncoding("UTF-8");//设置编码
// 设置文件最大值,这里设置5Mb,5*;
upload.setSizeMax(5 * 1024 * 1024);
List fileList = upload.parseRequest(req);
Iterator&FileItem& iterator = fileList.iterator();
while (iterator.hasNext()) {
FileItem item = iterator.next();
String fileName = item.getName();//得到文件名
if (fileName != null) {
//System.out.println(fileName);
//System.out.println(item.getSize());
File sourceFile = new File(basePath+File.separator+fileName);
item.write(sourceFile);
} catch (FileUploadException e) {
e.printStackTrace();
} catch (Exception e) {
e.printStackTrace();
//resp.getWriter().print("上传成功！");
protected void doGet(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
super.doPost(req, resp);
4，web.xml配置
&servlet-name&upLoadify&/servlet-name&
&servlet-class&uploadFile.UploadFile&/servlet-class&
&/servlet&
&servlet-mapping&
&servlet-name&upLoadify&/servlet-name&
&url-pattern&/servlet/uploadify.do&/url-pattern&
&/servlet-mapping&
5，uploadify的提示信息是英文的，为了显示中文的提示信息，将其错误提示方法进行重新，新建errorCode.js放入在resource/dwz/uploadify/scripts文件夹下面，并在页面进行导入这个js,js代码如下：
var uploadify_onSelectError = function(file, errorCode, errorMsg) {
var msgText = "上传失败\n";
switch (errorCode) {
case SWFUpload.QUEUE_ERROR.QUEUE_LIMIT_EXCEEDED:
//this.queueData.errorMsg = "每次最多上传 " + this.settings.queueSizeLimit + "个文件";
msgText += "每次最多上传 " + this.settings.queueSizeLimit + "个文件";
case SWFUpload.QUEUE_ERROR.FILE_EXCEEDS_SIZE_LIMIT:
msgText += "文件大小超过限制( " + this.settings.fileSizeLimit + " )";
case SWFUpload.QUEUE_ERROR.ZERO_BYTE_FILE:
msgText += "文件大小为0";
case SWFUpload.QUEUE_ERROR.INVALID_FILETYPE:
msgText += "文件格式不正确，仅限 " + this.settings.fileTypeE
msgText += "错误代码：" + errorCode + "\n" + errorM
alert(msgText);
var uploadify_onUploadError = function(file, errorCode, errorMsg, errorString) {
// 手工取消不弹出提示
if (errorCode == SWFUpload.UPLOAD_ERROR.FILE_CANCELLED
|| errorCode == SWFUpload.UPLOAD_ERROR.UPLOAD_STOPPED) {
var msgText = "上传失败\n";
switch (errorCode) {
case SWFUpload.UPLOAD_ERROR.HTTP_ERROR:
msgText += "HTTP 错误\n" + errorM
case SWFUpload.UPLOAD_ERROR.MISSING_UPLOAD_URL:
msgText += "上传文件丢失，请重新上传";
case SWFUpload.UPLOAD_ERROR.IO_ERROR:
msgText += "IO错误";
case SWFUpload.UPLOAD_ERROR.SECURITY_ERROR:
msgText += "安全性错误\n" + errorM
case SWFUpload.UPLOAD_ERROR.UPLOAD_LIMIT_EXCEEDED:
msgText += "每次最多上传 " + this.settings.uploadLimit + "个";
case SWFUpload.UPLOAD_ERROR.UPLOAD_FAILED:
msgText += errorM
case SWFUpload.UPLOAD_ERROR.SPECIFIED_FILE_ID_NOT_FOUND:
msgText += "找不到指定文件，请重新操作";
case SWFUpload.UPLOAD_ERROR.FILE_VALIDATION_FAILED:
msgText += "参数错误";
msgText += "文件:" + file.name + "\n错误码:" + errorCode + "\n"
+ errorMsg + "\n" + errorS
alert(msgText);
var uploadify_onUploadSuccess = function(file, data, response) {
alert(file.name + "\n\n上传成功");
没有更多推荐了，Javascript使用uploadify来实现多文件上传 | WEB开发
Javascript使用uploadify来实现多文件上传
使用uploadify来实现文件上传能够客户端判断文件大小、控制文件上传的类型、实现多文件上传、显示进度条等功能，方便易用，兼容性较好。
本例是把dwz中整合uploadify功能抽取出来的，可以进行单独使用，不一定要遭dwz中才能使用，本例只是为了测试，所以使用静态页面进行测试：
话不多说，代码敬上：
2，html页面的代码
&!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&
&title&MyHtml.html&/title&
&meta http-equiv="content-type" content="text/ charset=UTF-8"&
&link href="resources/dwz/uploadify/css/uploadify.css" rel="stylesheet" type="text/css" media="screen" /&
&script src="resources/dwz/js/jquery-1.7.2.js" type="text/javascript"&&/script&
&script src="resources/dwz/uploadify/scripts/jquery.uploadify.js" type="text/javascript"&&/script&
&script src="resources/dwz/uploadify/scripts/errorCode.js" type="text/javascript"&&/script&
&!--&link rel="stylesheet" type="text/css" href="./styles.css"&--&
&style type="text/css" media="screen"&
.my-uploadify-button {
background:
text-shadow:
border-radius: 0;
.uploadify:hover .my-uploadify-button {
background:
.fileQueue {
width: 400
height: 150
border: 1px solid #E5E5E5;
margin-bottom: 10
&script type="text/javascript"&
$(function(){
$('#testFileInput').uploadify({
swf:'resources/dwz/uploadify/scripts/uploadify.swf',
uploader:'servlet/uploadify.do',//上传的url
formData:{PHPSESSID:'xxx', ajax:1},
buttonText:'请选择文件',
fileSizeLimit:'200KB',//设置上传大小
fileTypeDesc:'*.*.*.*.',
fileTypeExts:'*.*.*.*.',//允许的后缀
auto:true,//是否自动上传
multi:true,
overrideEvents: ['onDialogClose', 'onUploadError', 'onSelectError' ],//重新错误信息的显示方法
onSelectError: uploadify_onSelectError,
onUploadError: uploadify_onUploadError,
onUploadSuccess: uploadify_onUploadSuccess
$('#testFileInput2').uploadify({
swf:'resources/dwz/uploadify/scripts/uploadify.swf',
uploader:'servlet/uploadify.do',
formData:{PHPSESSID:'xxx', ajax:1},
queueID:'fileQueue',
buttonImage:'resources/dwz/uploadify/img/add.jpg',
buttonClass:'my-uploadify-button',
width:102,
auto:false,
fileSizeLimit:'100KB',
fileTypeDesc:'*.*.*.*.',
fileTypeExts:'*.*.*.*.',
overrideEvents: [ 'onDialogClose','onUploadError', 'onSelectError' ],
onSelectError: uploadify_onSelectError,
onUploadError: uploadify_onUploadError,
onUploadSuccess: uploadify_onUploadSuccess
&!-- 单文件上传 --&
&input id="testFileInput" type="file" name="image" /&
&div &&/div&
&!-- 多文件上传 --&
&input id="testFileInput2" type="file" name="image2" /&
&div id="fileQueue" class="fileQueue"&&/div&
&input type="image" src="resources/dwz/uploadify/img/upload.jpg" onclick="$('#testFileInput2').uploadify('upload', '*');" /&
&input type="image" src="resources/dwz/uploadify/img/cancel.jpg" onclick="$('#testFileInput2').uploadify('cancel', '*');" /&
3，上传的servlet代码
package uploadF
import java.io.F
import java.io.IOE
import java.util.I
import java.util.L
import javax.servlet.ServletE
import javax.servlet.http.HttpS
import javax.servlet.http.HttpServletR
import javax.servlet.http.HttpServletR
import org.apache.commons.fileupload.FileI
import org.apache.commons.fileupload.FileUploadE
import org.apache.commons.fileupload.disk.DiskFileItemF
import org.apache.commons.fileupload.servlet.ServletFileU
public class UploadFile extends HttpServlet {
protected void service(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
super.service(request, response);
protected void doPost(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
//临时目录
String basePath = req.getServletContext().getRealPath("upload");
String tempDir = "temp";
File tempFile = new File(basePath + File.separator +tempDir);
if (!tempFile.exists()) {
tempFile.mkdir();
DiskFileItemFactory dfc = new DiskFileItemFactory();
dfc.setSizeThreshold(1*);//设置临界值
dfc.setRepository(tempFile);//设置临时上传目录
ServletFileUpload upload = new ServletFileUpload(dfc);
upload.setHeaderEncoding("UTF-8");//设置编码
// 设置文件最大值,这里设置5Mb,5*;
upload.setSizeMax(5 * 1024 * 1024);
List fileList = upload.parseRequest(req);
Iterator&FileItem& iterator = fileList.iterator();
while (iterator.hasNext()) {
FileItem item = iterator.next();
String fileName = item.getName();//得到文件名
if (fileName != null) {
//System.out.println(fileName);
//System.out.println(item.getSize());
File sourceFile = new File(basePath+File.separator+fileName);
item.write(sourceFile);
} catch (FileUploadException e) {
e.printStackTrace();
} catch (Exception e) {
e.printStackTrace();
//resp.getWriter().print("上传成功！");
protected void doGet(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
super.doPost(req, resp);
4，web.xml配置
&servlet-name&upLoadify&/servlet-name&
&servlet-class&uploadFile.UploadFile&/servlet-class&
&/servlet&
&servlet-mapping&
&servlet-name&upLoadify&/servlet-name&
&url-pattern&/servlet/uploadify.do&/url-pattern&
&/servlet-mapping&
5，uploadify的提示信息是英文的，为了显示中文的提示信息，将其错误提示方法进行重新，新建errorCode.js放入在resource/dwz/uploadify/scripts文件夹下面，并在页面进行导入这个js,js代码如下：
var uploadify_onSelectError = function(file, errorCode, errorMsg) {
var msgText = "上传失败n";
switch (errorCode) {
case SWFUpload.QUEUE_ERROR.QUEUE_LIMIT_EXCEEDED:
//this.queueData.errorMsg = "每次最多上传 " + this.settings.queueSizeLimit + "个文件";
msgText += "每次最多上传 " + this.settings.queueSizeLimit + "个文件";
case SWFUpload.QUEUE_ERROR.FILE_EXCEEDS_SIZE_LIMIT:
msgText += "文件大小超过限制( " + this.settings.fileSizeLimit + " )";
case SWFUpload.QUEUE_ERROR.ZERO_BYTE_FILE:
msgText += "文件大小为0";
case SWFUpload.QUEUE_ERROR.INVALID_FILETYPE:
msgText += "文件格式不正确，仅限 " + this.settings.fileTypeE
msgText += "错误代码：" + errorCode + "n" + errorM
alert(msgText);
var uploadify_onUploadError = function(file, errorCode, errorMsg, errorString) {
// 手工取消不弹出提示
if (errorCode == SWFUpload.UPLOAD_ERROR.FILE_CANCELLED
|| errorCode == SWFUpload.UPLOAD_ERROR.UPLOAD_STOPPED) {
var msgText = "上传失败n";
switch (errorCode) {
case SWFUpload.UPLOAD_ERROR.HTTP_ERROR:
msgText += "HTTP 错误n" + errorM
case SWFUpload.UPLOAD_ERROR.MISSING_UPLOAD_URL:
msgText += "上传文件丢失，请重新上传";
case SWFUpload.UPLOAD_ERROR.IO_ERROR:
msgText += "IO错误";
case SWFUpload.UPLOAD_ERROR.SECURITY_ERROR:
msgText += "安全性错误n" + errorM
case SWFUpload.UPLOAD_ERROR.UPLOAD_LIMIT_EXCEEDED:
msgText += "每次最多上传 " + this.settings.uploadLimit + "个";
case SWFUpload.UPLOAD_ERROR.UPLOAD_FAILED:
msgText += errorM
case SWFUpload.UPLOAD_ERROR.SPECIFIED_FILE_ID_NOT_FOUND:
msgText += "找不到指定文件，请重新操作";
case SWFUpload.UPLOAD_ERROR.FILE_VALIDATION_FAILED:
msgText += "参数错误";
msgText += "文件:" + file.name + "n错误码:" + errorCode + "n"
+ errorMsg + "n" + errorS
alert(msgText);
var uploadify_onUploadSuccess = function(file, data, response) {
alert(file.name + "nn上传成功");
原文链接：http://blog.csdn.net/hwt_211/article/details/
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持源码天空。}
我要回帖
更多关于 jquploadify怎么调用 的文章
更多推荐
- ·如何点异地点美团外卖怎么点最实惠？
- ·如何在哪里点外卖卖更加划算？
- ·孩子不吃饭怎么办爱吃吗？
- ·为什么有歌词没有曲呢？我是在电视上看到的很感人，我喜欢这有一首歌歌词里有一句却还是不可能！
- ·qq音乐qq绿钻怎么共享给别人赠送好友
- ·setb et00 0 7体 育在线投 注上能投排球的吗?
- ·骑自行车和跑步哪个好15公里可以抵得上跑五公里吗
- ·2018欧洲杯赛程时间表2016在几月份开始的
- ·be t007体育球类有哪些官网都是看球类的吗啊？
- ·matlab怎么求2重matlab求不定积分分
- ·没有人能够逃脱互联网魔哒解说虚拟世界逃脱,不管怎么拒绝
- ·为什么网上没有三亚张小白摄影的信息
- ·360ie9浏览器手机版官网收藏栏怎么被隐藏不见了 怎么调出360ie9浏览器手机版官网收藏栏
- ·兄弟mfc 4470w谁能帮我找到兄弟MFC4470w兄弟打印机mfc驱动软件
- ·微信头像图片大全已经上传了，您看一下
- ·与“说好的五杀电影院dylol5scom呢”相同意思的语句
- ·哪里能办……信……用……卡……
- ·兔兔听儿歌大全100首播放要流量吗?
- ·matlab数据文件格式怎么读取txt文件,txt中的数据格式为a0000 a0001 a0002 a0003 a0004
- ·如何在虚拟机中安装kail linux安装教程系统
- ·uploadify 封装怎么取得多个文件名
- ·iOS编程可以自学编程做什么赚钱？
- ·小马分期平安普惠邀请码怎么填填多少？
- ·米8系统怎么换小米时钟颜色色
- ·ipabminni和ipmindiabairr有什么区别
- ·德国乌达雅堡游玩攻略yarbo/雅宝sp-fe001 喇叭线音色好不好
- ·哪位亲知道非深户港澳通行证续签签，网上提交了申请，快递上门取件只需要港澳通行证原件就可以了吗？还是需要提交
- ·3DVR漫反射贴图怎么制作给红砖贴图 凹凸却给黑色砖贴图为什么
- ·新人做微商怎么找客源 好友怎么加好友
- ·怎么在灯泡的接线处再并联灯泡实物接线图一个灯具 如图！简单点说就是2根线再加一个灯 怎么连？ 都拧到连接处一起吗?- -
- ·怎么重新设置路由器登陆密码的登陆密码是不是以前设置的密码
- ·be bt365体育在线投注注册哪个 请告诉我高分噢
- ·求动漫百度云，老云鸟司机真实收入。
- ·戴尔E7470270和e7470哪一款比较好，排除价格
- ·凤凰网图片文字说明夜听刘筱怎么看文字版不完整
- ·遇到这威尼斯人网址怎么办
