没有合适的资源?快使用搜索试试~ 我知道了~
swfupload 多文件上传
需积分: 9 1 下载量 154 浏览量
2013-03-24
17:40:25
上传
评论
收藏 220KB DOC 举报
温馨提示
upload,java spring mvc 实现多文件上传
资源推荐
资源详情
资源评论
SWFUpload1
SWF 多 文 件 无 刷 新 上 传 , 利 用 ash 完 成 多 文 件 上 传 操 作 。 服 务 器 端 可 以 用
Struts、Servlet、JSP 完成,这里用 Struts1.x 完成上传
1、首先看下目录结构
SWFUpload 这个文件夹是核心文件,里面的文件一个都不能少。
css 文件夹是样式文件,所有的样式可以在此文件中修改完成
images 是图片
jslib 是 js 库文件,需要的上传的 js 文件和 ash 文件
其中 handlers.js 是上传中一系列的事件,可以在此文件中修改自己的上传所需要的
事件。如开始上传、取消、停止上传等
swfupload.queue.js 这个文件主要是完成将客户端选择的多一个文件一个个的排成
一个队列,然后依次向服务器上传。
swfupload.swf 是 ash 文件,就那个添加或上传的按钮
sample.html 是完成后的上传实例
2、首先看看客户端的 sample.html 中的 js 和 html 内容
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>SWFUpload 多文件上传示例</title>
<meta http-equiv="content-type" content="text/html;
charset=gbk">
<link rel="stylesheet" type="text/css"
href="css/default.css">
<script type="text/javascript"
src="jslib/swfupload.js"></script>
<script type="text/javascript"
src="jslib/swfupload.queue.js"></script>
<script type="text/javascript"
src="jslib/fileprogress.js"></script>
<script type="text/javascript" src="jslib/handlers.js"
charset="utf-8"></script>
<script type="text/javascript">
var swfUpload;
window.onload = function() {
var settings = {
flash_url : "jslib/swfupload.swf",
upload_url: "../upload.do",
post_params: {"param" : "uploadParams"},
file_size_limit : "200MB",
file_types : "*.*",
file_post_name: "uploadFile",
file_types_description : "All Files",
file_upload_limit : 50,
file_queue_limit : 0,
custom_settings : {
progressTarget : "fsUploadProgress",
cancelButtonId : "btnCancel"
},
debug: true,//是否显示调试的textarea
// Button settings
button_image_url:
"images/TestImageNoText_65x29.png",
button_width: "65",
button_height: "29",
button_placeholder_id: "spanButtonPlaceHolder",
button_text: '<span class="theFont">浏
览</span>',
button_text_style: ".theFont { font-size:
12; }",
button_text_left_padding: 12,
button_text_top_padding: 3,
// The event handler functions are defined in
handlers.js
file_queued_handler : fileQueued,
file_queue_error_handler : fileQueueError,
file_dialog_complete_handler :
fileDialogComplete,
upload_start_handler : uploadStart,
upload_progress_handler : uploadProgress,
upload_error_handler : uploadError,
upload_success_handler : uploadSuccess,
upload_complete_handler : uploadComplete,
queue_complete_handler : queueComplete
};
//自定义属性,是否停止上传
swfUpload = new SWFUpload(settings);
swfUpload.stopped = false;
};
function fileDialogComplete(numberselected, numberqueued)
{
if (swfUpload.getStats().files_queued > 0) {
document.getElementById("btnCancel").disabled =
false;
}
}
function queueComplete(numberselected, numberqueued) {
//alert(numberselected + "-" + numberqueued);
}
function upload() {
if (swfUpload.getStats().files_queued > 0) {
//document.getElementById("btnCancel").disabled =
true;
swfUpload.startUpload();
} else {
alert("请选择要上传的文件!");
}
}
function stop() {
if (swfUpload) {
swfUpload.stopUpload();
}
}
</script>
</head>
<body>
<div id="content">
<h2></h2>
<form id="form1" action="" method="post"
enctype="multipart/form-data">
<p></p>
<div class="fieldset flash" id="fsUploadProgress">
<span class="legend">上传文件列表</span>
</div>
<div id="divMovieContainer">
<input id="filenamelist" type="hidden"
name="filenamelist" />
<span id="spanButtonPlaceHolder"></span>
<input type="button" value="上 传"
onclick="upload();" style="margin-left: 2px; font-size: 8pt;
height: 29px;" />
<input type="button" value="停 止"
onclick="stop();" style="display: none; margin-left: 2px; font-
size: 8pt; height: 29px;" />
<input id="btnCancel" type="button" value="取消所
有" onclick="swfUpload.cancelQueue();" disabled="disabled"
style="margin-left: 2px; font-size: 8pt; height: 29px;" />
<input type="button"
onclick="javaScript:window.close();" name="bt" style="margin-left:
2px; font-size: 8pt; height: 29px;" value="关 闭" />
</div>
</form>
</div>
</body>
</html>
A.先介绍导入的 js 文件
<link rel="stylesheet" type="text/css" href="css/default.css">
<script type="text/javascript" src="jslib/swfupload.js"></script>
<script type="text/javascript"
src="jslib/swfupload.queue.js"></script>
<script type="text/javascript" src="jslib/fileprogress.js"></script>
<script type="text/javascript" src="jslib/handlers.js" charset="utf-
8"></script>
这些文件是必须的,且在导入的时候注意你的路径和顺序。还有就文件编码,文件保存的
不同编码可以会影响文件显示的乱码问题,charset 就是文件保存的编码。
B.然后在其中是 script 脚本的参数详细讲解
设置 ash 文件
flash_url : "jslib/swfupload.swf",
设置服务器的上传地址
upload_url: "../upload.do",
提交到服务器的参数信息,这样就添加了一个 param 参数,值是 uploadParams 在服务
剩余22页未读,继续阅读
资源评论
向往雨后彩虹
- 粉丝: 0
- 资源: 1
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- asp.net 原生js代码及HTML实现多文件分片上传功能(自定义上传文件大小、文件上传类型)
- whl@pip install pyaudio ERROR: Failed building wheel for pyaudio
- Constantsfd密钥和权限集合.kt
- 基于Java的财务报销管理系统后端开发源码
- 基于Python核心技术的cola项目设计源码介绍
- 基于Python及多语言集成的TSDT软件过程改进设计源码
- 基于Java语言的歌唱比赛评分系统设计源码
- 基于JavaEE技术的课程项目答辩源码设计——杨晔萌、李知林、岳圣杰、张俊范小组作品
- 基于Java原生安卓开发的蔚蓝档案娱乐应用设计源码
- 基于Java、Vue、JavaScript、CSS、HTML的毕设设计源码
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功