因?yàn)轫?xiàng)目需求,想實(shí)現(xiàn)一個(gè)效果:
上傳圖片預(yù)覽到頁面上,再上傳一個(gè)圖片的時(shí)候,會(huì)替換掉原來的圖片
于是,寫了一些代碼….
作為前端菜雞的我,寫了一下的代碼:
我以為,刪除掉了元素+節(jié)點(diǎn),就可以實(shí)現(xiàn)單個(gè)文件上傳,不重復(fù)的效果
但是我太天真了,在console.log()的結(jié)果中,呈現(xiàn)出遞增打印的結(jié)果..
第一次打印出了一張圖片,第二次打印了三張,第三次打印到了六張(1+2+3+4遞增)...
在網(wǎng)上查閱了很多的資料,發(fā)現(xiàn)核心的問題在于:
沒有刪除掉layui本身上傳的對象,對象重復(fù)提交了...
復(fù)制粘貼一下資料寫的內(nèi)容:
兩行超級(jí)重要的代碼:
//獲取到了隊(duì)列當(dāng)中的對象
①var files = this.files =obj.pushFile();
//刪除掉隊(duì)列的索引
②delete this.files[index];
如果隊(duì)列的索引沒有刪除,就會(huì)引起不斷的重復(fù)..導(dǎo)致出現(xiàn)兩個(gè)圖片,三個(gè)圖片堆砌在一起的后果...
微信掃碼
關(guān)注PHP中文網(wǎng)服務(wù)號(hào)
QQ掃碼
加入技術(shù)交流群
Copyright 2014-2025 http://ipnx.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號(hào)