亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

移動端多圖上傳和刪除。

移動端多圖上傳和刪除。

慕仙森 2018-10-20 14:13:27
做一個移動端上傳圖片,類似微信這種帶預覽和刪除的。<input type='file' multiple />比如我選擇了兩個文件,控制臺打?。?nbsp; FileList {0: File, 1: File, length: 2}   0: File   1: File    length:2   __proto__: Object現在我要刪除其中一張,發現fileList對象只讀 不能改寫,要怎么樣才能刪除fileList對象中其中的一張圖片。
查看完整描述

1 回答

?
湖上湖

TA貢獻2003條經驗 獲得超2個贊

能進行到這一步,說明取到了兩個圖片文件,暫且把他們存到一個全局數組里.接下來,分為兩部分做:

  1. 首先你肯定需要先把這兩個圖片展示出來在列表里,在這一步做刪除. 怎么做呢,展示肯定是讓img標簽的src="base64...",然后展示在頁面里;刪除的時候把對應的圖片隱藏點就好,然后在數組里把相應的序號的File刪除掉;

  2. 上傳圖片.
    上傳的時候,不論是上傳base64格式還是把Blob通過formData,不論你用什么方式傳,總之不要把數組里刪除掉的那個File上傳就好;

此為暗修棧道明度陳倉!


查看完整回答
反對 回復 2018-11-29
  • 1 回答
  • 0 關注
  • 823 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號