多图上传 - Web Uploader

http://fex.baidu.com/webuploader/

 

官方DEMO，我都不想说了，各种问题。参考ShuaiBi文章

 

http://www.cnblogs.com/ismars/p/4176912.html

 

用了bootstrap 代码百度网盘地址：http://pan.baidu.com/s/1pJkj9wf

自己参照改改就好了。

 

 

?

1 2 3 4 5 6 7 8 9 10 11 12 13

//所有文件上传完毕 uploader.on("uploadAccept", function (file, response) {     //console.info(file)     //console.info(response.filePath)       //----给头像赋值----     $("#EditForm input[name='Header_Ico']").val("http://" + window.location.host + response.filePath);     //提交表单     //if (hasError) {     //    // 通过return false来告诉组件，此文件上传有错。     //    return false;     //} });

 

为了页面不刷新，我只有采用这个手段了，JS渣的说。

?

1 2 3 4 5 6

//开始上传 $("#ctlBtn").click(function () {     console.info(uploader)     uploader.upload();     return false;//页面不刷新 });

 

 

问题1：

 

$(…).live("mouseout", function ()  not a function

<script src="~/Scripts/jquery.min.js"></script>

改为

<script src="~/Scripts/jquery-1.8.2.js"></script>

 

 

问题2：

上传3张图片，组成格式

中间以“,”隔开

p://localhost:28278/Upload/4039280d9d604a7dbdf85f3282d509a7.png,http://localhost:28278/Upload/120a5587e8bc43449c5ca13142145b05.png

代码：

// 文件上传成功，给item添加成功class, 用样式标记上传成功。
            uploader.on('uploadSuccess', function (file, response) {
                console.info(uploader.getStats())
                var temp = "http://" + window.location.host + response.filePath;
                //判断uploader.getStats().successNum状态（在uploadSuccess）
                if (uploader.getStats().successNum == 1) {
                    //console.info(0)
                    $("#EditForm input[name='photourl']").val(temp);
                } else {
                    //console.info(1)
                    $("#EditForm input[name='photourl']").val($("#EditForm input[name='photourl']").val() + "," + temp);
                }

                $('#' + file.id).addClass('upload-state-done');
            });