var uploadParams = {
dir:'eCenter',
userId:curUserId,
lastModifiedDate:dateToStr(new Date())
}
layui.upload.render({
elem: '#UploadBtn',
url: '/doFile/upload',
data:uploadParams,
accept:'images',
acceptMime:'image/*',
before: function (obj) {
uploadParams.lastModifiedDate = dateToStr(new Date()) ;
if(!uploadParams.userId){
return false ;//若没获取到登录者的id则无法上传
}
},
done: function (res) {
//如果上传失败
if (res.code > 0) {
return layer.msg('上传失败',{icon:2});
}
//上传成功
console.log('上传成功:',res)
// 拿到文件id,保存在页面中
var fileId = res.data.uploadFileId ;
// // 展示在页面上:
$('#UploadImg').show().attr('src','/doFile/download?attachmentId='+fileId)
$('#shangchuan').val(fileId)
},
error: function () {
layer.msg('上传失败',{icon:2})
}
});
基于layui的文件上传,带data参数
关于图片的显示
if(data.fileId!=''&&data.fileId !=null){
$('.upAddBox').hide();//将占位的方框隐藏
var html = '<div class="filebox">\n' +
'<i class="layui-icon delBtn">ဆ</i> '+
'<img class="imgSM" src="/doFile/download?attachmentId='+data.fileId+'">\n' +
'<input type="hidden" name="fileId" value="'+data.fileId+'" '+
' </div>'
$('.layui-upload-list').append(html)//将图片显示
}