swfupload多图上传限制图片张数

本篇文章主要介绍了"swfupload多图上传限制图片张数"，主要涉及到方面的内容，对于web前端感兴趣的同学可以参考一下： $.swfUpload({id: 'spanButtonPlaceholder',post_params: {'type': 'msg_flow','subTy...

$.swfUpload({
            id: 'spanButtonPlaceholder',
            post_params: {
                'type': 'msg_flow',
                'subType': 'h'
            },
            isShowLoadImg: false,
            file_upload_limit: "6",

            upload_success_handler: uploadSuccess,
            file_queue_error_handler: uploadError,
            swfupload_loaded_handler : loaded,

            custom_settings: {
                upload_target: "divFileProgressContainer"
            }
        });

        function loaded() {
            var $imageDiv = $("#pic_list");
            var $imgList = $imageDiv.find("img");
            var stats = SWFUpload.instances.SWFUpload_1.getStats();
            stats.successful_uploads=$imgList.length;
            SWFUpload.instances.SWFUpload_1.setStats(stats);
        }

        function uploadError(file, code, message) {
            if (code == "-110") {
                alertmsg("文件大小超过" + "10M");
            } else if (code == "-130") {
                alertmsg(file.name + "文件类型不支持上传，将不会被上传");
            } else if (code == "-100") {
                alertmsg("图片上传数量超过" + 6 + "张，多余的不会上传");
            } else {
                console.log(code);
            }
        }
        function uploadSuccess(file, serverData) {
            addImage(serverData);

            var img = "";
            var $imageDiv = $("#pic_list");
            var $imgList = $imageDiv.find("img");
            for (var t = 0; t < $imgList.length; t++) {
                var $img = $($imgList[t]);
                img += $img.attr("src");
                if (t != $imgList.length - 1) {
                    img += ",";
                }
            }

            $('#imgList').val(img);

            var stats = SWFUpload.instances.SWFUpload_1.getStats();
            stats.successful_uploads=$imgList.length;
            SWFUpload.instances.SWFUpload_1.setStats(stats);
        }

        function addImage(serverData) {
            var jsonData = $.parseJSON(serverData);

            var src = jsonData.url;
            if (jsonData.error == -1) {
                $("#qwErrAlert").qwPopup({content: "图片格式错误！"});
                return;
            }

            var newElement = "
";
            $("#pic_list").append(newElement);
            $("a.button").bind("click", del);
        }

        var del = function () {
            $(this).parent().parent().remove();
            var src = $(this).siblings('img').attr('src');
            var img = "";
            var $imageDiv = $("#pic_list");
            var $imgList = $imageDiv.find("img");
            for (var t = 0; t < $imgList.length; t++) {
                var $img = $($imgList[t]);
                img += $img.attr("src");
                if (t != $imgList.length - 1) {
                    img += ",";
                }
            }
            $('#imgList').val(img);

            var stats = SWFUpload.instances.SWFUpload_1.getStats();
            stats.successful_uploads=$imgList.length;
            SWFUpload.instances.SWFUpload_1.setStats(stats);
        };

 html

 
    *正面图片:
    
	

	    
	    必须选择6张图片
	    

	    

		

		

	    
	
	
    

以上就介绍了swfupload多图上传限制图片张数，包括了方面的内容，希望对web前端有兴趣的朋友有所帮助。

本文网址链接：http://www.codes51.com/article/detail_309036.html