这个CMS系统可以同时选择多个文件上传,是怎么实现的?
我发现有个CMS系统, 叫网站快车,他有一个指上传功能,能框选多个文件,同时上传,上传中有进度显示,这个是怎么作到的?
大家看,他这里可以这样选择图片。然后把文件上传上去。
我感觉这个系统做得挺不错的。
--------------------编程问答-------------------- <script type="text/javascript">
$(document).ready(function () {
var temp = 20;
if (GetQueryString("ID") != null) {
$("#sp_addORupdate").text("修改图片");
} else {
$("#sp_addORupdate").text("添加图片");
}
var result = false;
$("#uploadify").uploadify({
'uploader': '../../Skins/Plus/uploadify/uploadify.swf',
'script': 'Ajax.aspx?param=CImages',
'cancelImg': '../../Skins/Plus/uploadify/cancel.png',
'folder': 'uploadpath',
'queueID': 'fileQueue',
'auto': false,
'multi': true,
'scriptData': { 'uploadpath': "CImages" },
'buttonText': 'BORDER',
'queueSizeLimit': temp, // 最大上传个数
'fileDesc': '允许上传jpg,gif,jpeg图片',
'fileExt': '*.jpg;*.gif;*.jpeg',
'sizeLimit': 1024 * 1024, //*1024,
onComplete: function (event, queueId, fileObj, response, data) {
var json = eval('(' + response + ')')
if (json.error == "success") {
$("#hidImgSrc").attr("value", $("#hidImgSrc").val() + json.msg + ",")
} else {
alert(json.error);
}
},
onError: function (event, queueId, fileObj, errorObj) {
alert('文件' + fileObj.name + "上传失败!<br/>原因:" + errorObj.info)
},
onAllComplete: function (event, data) {
__doPostBack('LinkButton1', '')
}
});
$("#LinkButton1").click(function () {
if ($("#txtName").val() == "" || $("#txtExpired").val() == "" || $("#txtContent").val() == "") {
__doPostBack('LinkButton1', '');
}
var ht = document.getElementById("fileQueue").innerHTML;
if (ht != "") {
$('#uploadify').uploadifyUpload();
return result;
}
});
$("#img_add").click(function () {
$('#uploadify').uploadifyClearQueue();
$('#uploadify').uploadifySettings('queueSizeLimit', temp);
$("#hidADDorUPDATE").attr("value", "add");
})
$("#img_thisupdate").click(function () {
$('#uploadify').uploadifyClearQueue();
$('#uploadify').uploadifySettings('queueSizeLimit', temp);
$("#hidADDorUPDATE").attr("value", "update");
})
});
function GetQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r != null) {
return unescape(r[2]);
}
return null;
}
</script> --------------------编程问答-------------------- 这个和上传多图片一个原理 --------------------编程问答-------------------- 是fileupload --------------------编程问答-------------------- 泥煤,又是做广告的 --------------------编程问答-------------------- 哇,好牛逼,网站快车还有批量上传功能。
哇,还有进度条,见都没见过,一定要下个来试试。
去你二大爷把伞。 --------------------编程问答-------------------- 哇,好牛逼,网站快车还有批量上传功能。
哇,还有进度条,见都没见过,一定要下个来试试。
去你二大爷 --------------------编程问答--------------------
补充:.NET技术 , ASP.NET