source/Repid.MvcApplication/Content/other/common/uploadImg.js

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

var uploadImgInit = function () {
    //添加的文件数量
    var fileCount = 0;
    //上传成功的文件数量 
    var fileSuccess = 0;

    //浏览器兼容性识别
    if (!WebUploader.Uploader.support()) {
        manage.msg("不支持您的浏览器！如果你使用的是IE浏览器，请尝试升级 flash 播放器");
        throw new Error('WebUploader does not support the browser you are using.');
    }

    //上传组件初始化
    var uploader = WebUploader.create({
        pick: {
            id: ".thumbtextbtn",
            multiple: false
        },
        auto: true,
        accept: {
            title: 'Images',
            extensions: 'gif,jpg,jpeg,bmp,png',
            mimeTypes: 'image/jpg,image/jpeg,image/png'
        },
        swf: "/content/utility/webuploader/uploader.swf",
        server: "/other/common/upload",
        fileSingleSizeLimit: 10 * 1024 * 1024    // 10 M
    });

    var button = undefined, fileList = undefined, imgDir = $("#img_dir").val();

    $(".thumbtextbtn").click(function () {
        button = $(this);
        fileList = button.next(".thumbfilelist");
    });

    //添加文件列队
    uploader.onFileQueued = function (file) {
        var item = $("<div id='" + file.id + "' class='uploadItem'>"
            + "<div class='title'>" + file.name + "</div>"
            + "<div class='progress'><span></span></div></div>");

        fileCount++;
        item.appendTo(fileList);
    };

    //开始上传
    uploader.onStartUpload = function () {
        //上传之前传递数据
        uploader.options.formData.imgDir = imgDir;

        fileList.show();
    };

    //进度条更新
    uploader.onUploadProgress = function (file, percentage) {
        var item = $("#" + file.id);
        var percent = item.find(".progress span");
        percent.css("width", percentage * 100 + "%");
    };