layui在選擇圖片上傳後,如果不F5重新整理頁面,第二次點選再次上傳或者替換,會發現頁面一點反應都沒有,回撥函式全部失效。
阿新 • • 發佈:2021-10-27
layui在選擇圖片上傳後,如果不F5重新整理頁面,第二次點選再次上傳或者替換,會發現頁面一點反應都沒有,回撥函式全部失效。 解決方法: 1-參考官方的文件: 連結地址 https://www.layui.site/doc/modules/upload.html 2-具體程式碼 js程式碼: //定義在外部的變數 //upload所需的options var upload_info_obj; //upload物件 var upload; //用於判斷的值 var sort=0; //用於接收upload.render()返回的物件 var renderObj; function doUpload_info() { upload= layui.upload; layui.use('upload', function () { var $ = layui.jquery; //拖拽上傳 upload_info_obj= { elem: '#iconUrlIdInfo' , url: '/shopPic/uploadPic' , done: function (data,index,upload) { sort=1; $("#picUrlInfo").val(data.data); $('#iconUrlIdInfo').empty(); $('#iconUrlIdInfo').append('<img src="' + data.data + '" width="180px" height="180px" class="layui-upload-img">') } ,error: function(e){ alert("請求異常"+e); } } }); //接收upload.render()返回的物件 renderObj=upload.render(upload_info_obj); }function upload(){ if (sort == 1) { //如果已選擇過,那麼需要重新載入-----重點在這!!!! renderObj.reload(upload_info_obj); }else{ //喚起上傳控制元件 doUpload_info(); } } html(這裡是隨便寫的,意思明白即可 關鍵還要看js): <a href="javascript:upload()">上傳</a> ———————————————— 版權宣告:本文為CSDN博主「有猿再見」的原創文章,遵循CC 4.0 BY-SA版權協議,轉載請附上原文出處連結及本宣告。 原文連結:https://blog.csdn.net/shenhaiyushitiaoyu/article/details/104991252