2018-03-15---layer插件上传图片

/**

* 图片上传

* id：上传动作的ID

* imgid: 图片显示的image的ID

* value: 值

* */

var sendImg=function(id,imgid,value){

layui.use('upload',function(){

var $ =layui.jquery,

upload =layui.upload;

//普通图片上传

        var uploadInst =upload.render({

elem: id,

url:'/modules/upload',//必填项

            method:'post',//可选项。HTTP类型，默认post

            exts:'jpg|png|gif|bmp|jpeg',//图片的文件格式

            size:2000,//设置文件最大可允许上传的大小，单位 KB,不支持ie8/9

            drag:true,//是否接受拖拽的文件上传，设置 false 可禁用。不支持ie8/9

            before:function(obj){

layer.load();//上传loading

                //预读本地文件示例，不支持ie8

                obj.preview(function(index, file, result){

// console.log(result)

                });

},

done:function(res, index, upload){

layer.closeAll('loading');//关闭loading

                //res.status == 200代表上传成功

                if(res.status ==200){

$(imgid).attr('src', res.data.imgUrl);//图片链接（base64）

                    $(imgid).attr('mySrc', res.data.url);

// $("input[name=value]").val(res.data.url)

                    //do something （比如将res返回的图片链接保存到表单的隐藏域）

                }

//获取当前触发上传的元素，一般用于 elem 绑定 class 的情况，注意：此乃 layui 2.1.0 新增

                var item =this.item;

},

error:function(){

//演示失败状态，并实现重传

                layer.closeAll('loading');//关闭loading

                var demoText =$("上传失败 重试");

demoText.find('.demo-reload').on('click',function(){

uploadInst.upload();

});

}

})

})

};

在业务js里面调用//上传图片 sendImg('#logImges','#logImges');