1. 程式人生 > 其它 >layui在選擇圖片上傳後,如果不F5重新整理頁面,第二次點選再次上傳或者替換,會發現頁面一點反應都沒有,回撥函式全部失效。

layui在選擇圖片上傳後,如果不F5重新整理頁面,第二次點選再次上傳或者替換,會發現頁面一點反應都沒有,回撥函式全部失效。

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