当前位置:编程学习 > C#/ASP.NET >>

这个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
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,