亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

搜索
博主信息
博文 250
粉絲 3
評論 0
訪問量 381489
最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板
踩坑日志 | layui圖片上傳重復(fù)的問題
梁凱達(dá)的博客
原創(chuàng)
2927人瀏覽過

因?yàn)轫?xiàng)目需求,想實(shí)現(xiàn)一個(gè)效果:

上傳圖片預(yù)覽到頁面上,再上傳一個(gè)圖片的時(shí)候,會(huì)替換掉原來的圖片
于是,寫了一些代碼….
作為前端菜雞的我,寫了一下的代碼:

[AT$G0Z5H`6XY%ZP6DJE4@T.png

我以為,刪除掉了元素+節(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è)圖片堆砌在一起的后果...

4311bf3cf4a97d17316ee16287b88fbf_watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNjY5MTk5MQ==,size_16,color_FFFFFF,t_70.png

本博文版權(quán)歸博主所有,轉(zhuǎn)載請注明地址!如有侵權(quán)、違法,請聯(lián)系admin@php.cn舉報(bào)處理!
全部評論 文明上網(wǎng)理性發(fā)言,請遵守新聞評論服務(wù)協(xié)議
0條評論
作者最新博文
關(guān)于我們 免責(zé)申明 意見反饋 講師合作 廣告合作 最新更新
php中文網(wǎng):公益在線php培訓(xùn),幫助PHP學(xué)習(xí)者快速成長!
關(guān)注服務(wù)號(hào) 技術(shù)交流群
PHP中文網(wǎng)訂閱號(hào)
每天精選資源文章推送
PHP中文網(wǎng)APP
隨時(shí)隨地碎片化學(xué)習(xí)
PHP中文網(wǎng)抖音號(hào)
發(fā)現(xiàn)有趣的

Copyright 2014-2025 http://ipnx.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號(hào)

  • 登錄PHP中文網(wǎng),和優(yōu)秀的人一起學(xué)習(xí)!
    全站2000+教程免費(fèi)學(xué)