Document

layui.use(['form', 'layedit', 'laydate', 'element', 'upload'], function() {

var form = layui.form,

layer = layui.layer,

laydate = layui.laydate,

layedit = layui.layedit,

upload = layui.upload;

//执行上传图片(简单上传模式)

var uploadInst = upload.render({

elem: '#gpic1',

accept: 'images',

field:"smfile",

size: 2048,

url: 'https://sm.ms/api/upload',

done: function(res) {

console.log(res);

},

error: function() {

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

//请求异常回调

}

});

//多文件列表示例(稍微复杂一丁点的事例)

var demoListView = $('#demoList')

,uploadListIns = upload.render({

elem: '#testList'

,url: 'https://sm.ms/api/upload'

,accept: 'images'

,field:"smfile"

,multiple: true

,auto: false

,bindAction: '#testListAction'

,choose: function(obj){

var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列

//读取本地文件

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

$('#lookpic').html('');

var tr = $(['

'

,'

'+ file.name +''

,'

'+ (file.size/1014).toFixed(1) +'kb'

,'

等待上传'

,'

'

,'重传'

,'删除'

,''

,'

'

,'

'].join(''));

//单个重传

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

obj.upload(index, file);

});

//删除

tr.find('.demo-delete').on('click', function(){

delete files[index]; //删除对应的文件

tr.remove();

uploadListIns.config.elem.next()[0].value = '';

});

demoListView.append(tr);

});

}

,done: function(res, index, upload){

if(res.code == 'success'){ //上传成功

$('#lookpic2').html('');

var tr = demoListView.find('tr#upload-'+ index)

,tds = tr.children();

tds.eq(2).html('上传成功');

tds.eq(3).html('删除ing');

//上传成功后执行删除smms的文件

tr.find('.demo-deletein').on('click', function(){

$.ajax({

type: "GET",

url: res.data.delete,

success: function(data){

if(data.indexOf("File delete success.") >= 0 ){

layer.msg("删除成功");

}else{

layer.msg("删除失败或图片不存在或已经被删除了！！");

}

delete index;

tr.remove();

}

});

});

}else{

this.error(index, upload);

}

}

,error: function(index, upload){

var tr = demoListView.find('tr#upload-'+ index)

,tds = tr.children();

tds.eq(2).html('上传失败');

tds.eq(3).find('.demo-reload').removeClass('layui-hide'); //显示重传

}

});

});