SourceCode/jiouosdp/Scripts/image/ImgUpload.js

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

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

; (function ($) {

    var imgUploadDefaults = {
        height: 100, //宽度和高度可以通过img 的宽度和高度属性,设置优先
        width: 100,
        url: "",
        data:null,
        defaultImg: ""//默认图片
    }

    $.extend($.fn, {
        imgUpload: function (options) {
            var $this = $(this);
            $this.attr("cursor","pointer");
            $this.data("options", options);

            if (options) {
                $this.width(options.width || $this.width || imgUploadDefaults.width);
                $this.height(options.height || $this.height || imgUploadDefaults.height);
                if (options.defaultImg) {
                    $this.attr("src", options.defaultImg);
                }
            }

            var filedivname  = "imgfileupload_" + $this.attr("id");


            var $fileWrap;
            if ($("#" + filedivname).length > 0) {
                $fileWrap = $("#" + filedivname);
            }
            else {
                $fileWrap = $('<div style="height:0px; width:0px; overflow:hidden; font-size:0px;"><input type="file" id="' + filedivname + '" name="' + filedivname + '"  multiple accept="image/*"  onchange="handleFiles(this)"></div>');
                $this.after($fileWrap);
            }

            $fileWrap.find("input[type=file]").data('imgObj', $this[0]);

            $this.click(function () {
                $fileWrap.find("input[type=file]").click();
                
            });

        },
        getImgUploadUrl:function(){
            return $(this).attr("src") || false;
        },
        setImgUploadParam: function (obj) {
            var imgOptions = $(this).data("options");
            var settings = $.extend({}, imgOptions, obj);
            $(this).imgUpload(settings);
        }


    });
})(jQuery);

function handleFiles(obj) {

    var files = obj.files;