鍍金池/ 問答/HTML/ js 更換圖片并獲取圖片文件的問題

js 更換圖片并獲取圖片文件的問題

clipboard.png

clipboard.png

頁面效果

clipboard.png

輸出的結(jié)果

clipboard.png

請教各路大神：我的問題是，當(dāng)你更換第1張圖片的時(shí)候，把第1張圖片文件存入數(shù)組中，更換第2張圖片的時(shí)候，把第2張圖片文件存入數(shù)組中，更換第3張圖片的時(shí)候，把第3張圖片文件存入數(shù)組中，，，，此時(shí)的數(shù)組有3個值了，當(dāng)你想要再次在更換第1張圖片時(shí)，就必須把數(shù)組的下標(biāo)為0的值更換就行，，，也就是說是替換，而不是在數(shù)組里增加

回答
編輯回答
別逞強(qiáng)

我一般的做法，是不保存圖片數(shù)組的，只需要在input框 change 的時(shí)候去獲取文件的blob地址預(yù)覽出來就行了，隨便用戶修改幾次文件，反正每次change就重新把圖片預(yù)覽，等待用戶選擇完畢了，點(diǎn)擊提交按鈕的時(shí)候再把選中的文件轉(zhuǎn)換成formData對象提交，在沒點(diǎn)擊提交時(shí)候，不用去處理文件。

2018年5月29日 06:26
編輯回答
故人嘆

首先，你的arrImgFile不能用push來添加內(nèi)容，而應(yīng)該通過在uploadFile函數(shù)中傳人相關(guān)信息，通過這個信息決定上傳的圖片內(nèi)容存在數(shù)組的那個位置。比如通過input對象的id屬性，這樣你就可以確定的進(jìn)行綁定了。

2017年11月5日 15:05