uploadify多文件上传插件

这个插件是兼容IE8及以上版本的,实现了基本功能,底部有下载连接

代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>uploadify多文件上传插件使用</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="http://www.likecs.com/js/jquery-1.8.2.js"></script>
<link type="text/css" href="http://www.likecs.com/js/uploadfiy/uploadify.css"/>
<style type="text/css">
#fileQueue {
background_color: #FFF;
border_radius: 3px;
/* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); */
border:1px solid #95B8E7;
/* box-shadow: 0 1px 3px rgba(135, 175, 255, 1); */
height: 220px;
margin-bottom: 10px;
overflow: auto;
/* padding: 5px 10px; */
width: 395px;
}
</style>
<!--这个js是经过修改的,可以兼容IE8及以上的版本-->
<script type="text/javascript" src="http://www.likecs.com/js/uploadfiy/jquery.uploadify.js"></script>

<script type="text/javascript">

$(document).ready(function() {
initFile();
});

function initFile() {

$("#uploadify").uploadify({
\'uploader\': \'FileUpLoadServlet\',//后台处理的页面
\'swf\' : \'./js/uploadfiy/uploadify.swf\',
\'script\' : \'\',
\'width\':80,
\'height\':23,
\'folder\' : \'../upload\',
\'buttonText\' : \'选择文件\',
\'fileExt\' : \'*.*\', //允许上传的文件格式
\'queueID\' : \'fileQueue\',
\'auto\' : false, //需要手动的提交申请
\'simUploadLimit\':3, //同时运行上传的进程数
\'queueSizeLimit\':10,//
\'multi\' : true
//\'scriptData\':{\'dept\':\'dept1\',\'group\':\'group1\'}, //这个参数必须要设置成method为get,
//\'method\':\'get\' //后台用request.getParameter(\'name\')获取名字的值
});
}

//用户取消函数
function funCancel(event, ID, fileObj, data) {
alert(\'您取消了\' + fileObj.name + \'操作\', \'info\');
return;
}

//图片上传发生的事件
function funComplete(event, ID, fileObj, response, data) {
//$("#pic").html(\'<img runat="server" src=' + response + \'.jpg/>\');
if (response == 0) {
jBox.tip(\'图片\' + fileObj.name + \'操作失败\', \'info\');
return;
}
$("#pic").attr("src", "../upload/" + response).height(200).width(300);
jBox.tip(\'图片\' + fileObj.name + \'操作成功\', \'info\');
return;
}

//上传发生错误时。
function funError(event, ID, fileObj, errorObj) {
jBox.tip(errorObj.info);
return;
}
</script>
</head>

<body>
<div>
<div>
<input type="file" />
<div></div>
<p>
<a href="javascript:$(\'#uploadify\').uploadify(\'upload\',\'*\')">上传</a>| <a
href="javascript:$(\'#uploadify\').uploadify(\'cancel\',\'*\')">取消上传</a>
</p>
</div>
</div>
</body>
</html> 代码下载连接:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zzsxpz.html