layui上传图片(加大小限制)
生活随笔
收集整理的這篇文章主要介紹了
layui上传图片(加大小限制)
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
上傳圖片加大小限制
upload.render({elem: '#layuiadmin-upload-list', url: '/books/uploadImg', accept: 'images', field: 'file'//后臺接收參數名,data: {//原路徑 帶參過去刪除cover_img_big_old: $("#cover_img_big").val(),cover_img_old:$("#avatar").val()}, acceptMime: 'image/*', auto: false, before: function(obj) {layer.load();},choose: function(obj){ //上傳前選擇回調方法var flag = true;obj.preview(function(index, file, result){console.log(file); //file表示文件信息,result表示文件src地址var img = new Image();img.src = result;img.onload = function () { //初始化夾在完成后獲取上傳圖片寬高,判斷限制上傳圖片的大小。if(img.width ==600 && img.height ==800){obj.upload(index, file); //滿足條件調用上傳方法}else{flag = false;layer.msg("您上傳的小圖大小必須是600*800尺寸!");return false;}}return flag;});}, done: function (res) {layer.closeAll('loading');$("#cover_img_big").val(res.data.cover_img)$("#avatar").val(res.data.cover_img)$("#showImg").show()}});總結
以上是生活随笔為你收集整理的layui上传图片(加大小限制)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 恶意代码分析实战——高级反汇编
- 下一篇: 初级、中级、高级程序员的区别在哪里?