zc100/public/plugins/layui/lay/modules/upload.js

/** layui-v2.5.4 MIT License By https://www.layui.com */
;layui.define("layer", function (e) {
    "use strict";
    var t = layui.$, i = layui.layer, n = layui.hint(), a = layui.device(), o = {
            config: {}, set: function (e) {
                var i = this;
                return i.config = t.extend({}, i.config, e), i
            }, on: function (e, t) {
                return layui.onevent.call(this, r, e, t)
            }
        }, l = function () {
            var e = this;
            return {
                upload: function (t) {
                    e.upload.call(e, t)
                }, reload: function (t) {
                    e.reload.call(e, t)
                }, config: e.config
            }
        }, r = "upload", u = "layui-upload-file", c = "layui-upload-form", f = "layui-upload-iframe",
        s = "layui-upload-choose", p = function (e) {
            var i = this;
            i.config = t.extend({}, i.config, o.config, e), i.render()
        };
    p.prototype.config = {
        accept: "images",
        exts: "",
        auto: !0,
        bindAction: "",
        url: "",
        field: "file",
        acceptMime: "",
        method: "post",
        data: {},
        drag: !0,
        size: 0,
        number: 0,
        multiple: !1,
        xhr:function(){}//此处需要添加
    }, p.prototype.render = function (e) {
        var i = this, e = i.config;
        e.elem = t(e.elem), e.bindAction = t(e.bindAction), i.file(), i.events()
    }, p.prototype.file = function () {
        var e = this, i = e.config,
            n = e.elemFile = t(['<input class="' + u + '" type="file" accept="' + i.acceptMime + '" name="' + i.field + '"', i.multiple ? " multiple" : "", ">"].join("")),
            o = i.elem.next();
        (o.hasClass(u) || o.hasClass(c)) && o.remove(), a.ie && a.ie < 10 && i.elem.wrap('<div class="layui-upload-wrap"></div>'), e.isFile() ? (e.elemFile = i.elem, i.field = i.elem[0].name) : i.elem.after(n), a.ie && a.ie < 10 && e.initIE()
    }, p.prototype.initIE = function () {
        var e = this, i = e.config,
            n = t('<iframe id="' + f + '" class="' + f + '" name="' + f + '" frameborder="0"></iframe>'),
            a = t(['<form target="' + f + '" class="' + c + '" method="post" key="set-mine" enctype="multipart/form-data" action="' + i.url + '">', "</form>"].join(""));
        t("#" + f)[0] || t("body").append(n), i.elem.next().hasClass(c) || (e.elemFile.wrap(a), i.elem.next("." + c).append(function () {
            var e = [];
            return layui.each(i.data, function (t, i) {
                i = "function" == typeof i ? i() : i, e.push('<input type="hidden" name="' + t + '" value="' + i + '">')
            }), e.join("")
        }()))
    }, p.prototype.msg = function (e) {
        return i.msg(e, {icon: 2, shift: 6})
    }, p.prototype.isFile = function () {
        var e = this.config.elem[0];
        if (e) return "input" === e.tagName.toLocaleLowerCase() && "file" === e.type
    }, p.prototype.preview = function (e) {
        var t = this;
        window.FileReader && layui.each(t.chooseFiles, function (t, i) {
            var n = new FileReader;
            n.readAsDataURL(i), n.onload = function () {
                e && e(t, i, this.result)
            }
        })
    }, p.prototype.upload = function (e, i) {
        var n, o = this, l = o.config, r = o.elemFile[0], u = function () {
            var i = 0, n = 0, a = e || o.files || o.chooseFiles || r.files, u = function () {
                l.multiple && i + n === o.fileLength && "function" == typeof l.allDone && l.allDone({
                    total: o.fileLength,
                    successful: i,
                    aborted: n
                })
            };
            layui.each(a, function (e, a) {
                var r = new FormData;
                r.append(l.field, a), layui.each(l.data, function (e, t) {
                    t = "function" == typeof t ? t() : t, r.append(e, t)
                }), t.ajax({
                    url: l.url,
                    type: "post",
                    data: r,
                    contentType: !1,
                    processData: !1,
                    dataType: "json",
                    xhr:l.xhr(function(e){//此处为新添加功能 by 大黄
                        var percent=Math.floor((e.loaded / e.total)*100);//计算百分比
                        l.progress(percent);//回调将数值返回
                    }),
                    headers: l.headers || {},
                    success: function (t) {
                        i++, d(e, t), u()
                    },
                    error: function () {
                        n++, o.msg("请求上传接口出现异常"), m(e), u()
                    }
                })
            })
        }, c = function () {
            var e = t("#" + f);
            o.elemFile.parent().submit(), clearInterval(p.timer), p.timer = setInterval(function () {
                var t, i = e.contents().find("body");
                try {
                    t = i.text()
                } catch (n) {
                    o.msg("获取上传后的响应信息出现异常"), clearInterval(p.timer), m()
                }
                t && (clearInterval(p.timer), i.html(""), d(0, t))
            }, 30)
        }, d = function (e, t) {
            if (o.elemFile.next("." + s).remove(), r.value = "", "object" != typeof t) try {
                t = JSON.parse(t)
            } catch (i) {
                return t = {}, o.msg("请对上传接口返回有效JSON")
            }
            "function" == typeof l.done && l.done(t, e || 0, function (e) {
                o.upload(e)
            })
        }, m = function (e) {
            l.auto && (r.value = ""), "function" == typeof l.error && l.error(e || 0, function (e) {
                o.upload(e)
            })
        }, h = l.exts, v = function () {
            var t = [];
            return layui.each(e || o.chooseFiles, function (e, i) {
                t.push(i.name)
            }), t
        }(), g = {
            preview: function (e) {
                o.preview(e)
            }, upload: function (e, t) {
                var i = {};
                i[e] = t, o.upload(i)
            }, pushFile: function () {
                return o.files = o.files || {}, layui.each(o.chooseFiles, function (e, t) {
                    o.files[e] = t
                }), o.files
            }, resetFile: function (e, t, i) {
                var n = new File([t], i);
                o.files = o.files || {}, o.files[e] = n
            }
        }, y = function () {
            if ("choose" !== i && !l.auto || (l.choose && l.choose(g), "choose" !== i)) return l.before && l.before(g), a.ie ? a.ie > 9 ? u() : c() : void u()
        };
        if (v = 0 === v.length ? r.value.match(/[^\/\\]+\..+/g) || [] || "" : v, 0 !== v.length) {
            switch (l.accept) {
                case"file":
                    if (h && !RegExp("\\w\\.(" + h + ")$", "i").test(escape(v))) return o.msg("选择的文件中包含不支持的格式"), r.value = "";
                    break;
                case"video":
                    if (!RegExp("\\w\\.(" + (h || "avi|mp4|wma|rmvb|rm|flash|3gp|flv") + ")$", "i").test(escape(v))) return o.msg("选择的视频中包含不支持的格式"), r.value = "";
                    break;
                case"audio":
                    if (!RegExp("\\w\\.(" + (h || "mp3|wav|mid") + ")$", "i").test(escape(v))) return o.msg("选择的音频中包含不支持的格式"), r.value = "";
                    break;
                default:
                    if (layui.each(v, function (e, t) {
                        RegExp("\\w\\.(" + (h || "jpg|png|gif|bmp|jpeg$") + ")", "i").test(escape(t)) || (n = !0)
                    }), n) return o.msg("选择的图片中包含不支持的格式"), r.value = ""
            }
            if (o.fileLength = function () {
                var t = 0, i = e || o.files || o.chooseFiles || r.files;
                return layui.each(i, function () {
                    t++
                }), t
            }(), l.number && o.fileLength > l.number) return o.msg("同时最多只能上传的数量为：" + l.number);
            if (l.size > 0 && !(a.ie && a.ie < 10)) {
                var F;
                if (layui.each(o.chooseFiles, function (e, t) {
                    if (t.size > 1024 * l.size) {
                        var i = l.size / 1024;
                        i = i >= 1 ? i.toFixed(2) + "MB" : l.size + "KB", r.value = "", F = i
                    }
                }), F) return o.msg("文件不能超过" + F)
            }
            y()
        }
    }, p.prototype.reload = function (e) {
        e = e || {}, delete e.elem, delete e.bindAction;
        var i = this, e = i.config = t.extend({}, i.config, o.config, e), n = e.elem.next();
        n.attr({name: e.name, accept: e.acceptMime, multiple: e.multiple})
    }, p.prototype.events = function () {
        var e = this, i = e.config, o = function (t) {
            e.chooseFiles = {}, layui.each(t, function (t, i) {
                var n = (new Date).getTime();
                e.chooseFiles[n + "-" + t] = i
            })
        }, l = function (t, n) {
            var a = e.elemFile,
                o = t.length > 1 ? t.length + "个文件" : (t[0] || {}).name || a[0].value.match(/[^\/\\]+\..+/g) || [] || "";
            a.next().hasClass(s) && a.next().remove(), e.upload(null, "choose"), e.isFile() || i.choose || a.after('<span class="layui-inline ' + s + '">' + o + "</span>")
        };
        i.elem.off("upload.start").on("upload.start", function () {
            var a = t(this), o = a.attr("lay-data");
            if (o) try {
                o = new Function("return " + o)(), e.config = t.extend({}, i, o)
            } catch (l) {
                n.error("Upload element property lay-data configuration item has a syntax error: " + o)
            }
            e.config.item = a, e.elemFile[0].click()
        }), a.ie && a.ie < 10 || i.elem.off("upload.over").on("upload.over", function () {
            var e = t(this);
            e.attr("lay-over", "")
        }).off("upload.leave").on("upload.leave", function () {
            var e = t(this);
            e.removeAttr("lay-over")
        }).off("upload.drop").on("upload.drop", function (n, a) {
            var r = t(this), u = a.originalEvent.dataTransfer.files || [];
            r.removeAttr("lay-over"), o(u), i.auto ? e.upload(u) : l(u)
        }), e.elemFile.off("upload.change").on("upload.change", function () {
            var t = this.files || [];
            o(t), i.auto ? e.upload() : l(t)
        }), i.bindAction.off("upload.action").on("upload.action", function () {
            e.upload()
        }), i.elem.data("haveEvents") || (e.elemFile.on("change", function () {
            t(this).trigger("upload.change")
        }), i.elem.on("click", function () {
            e.isFile() || t(this).trigger("upload.start")
        }), i.drag && i.elem.on("dragover", function (e) {
            e.preventDefault(), t(this).trigger("upload.over")
        }).on("dragleave", function (e) {
            t(this).trigger("upload.leave")
        }).on("drop", function (e) {
            e.preventDefault(), t(this).trigger("upload.drop", e)
        }), i.bindAction.on("click", function () {
            t(this).trigger("upload.action")
        }), i.elem.data("haveEvents", !0))
    }, o.render = function (e) {
        var t = new p(e);
        return l.call(t)
    }, e(r, o)
});