鍍金池/ 問(wèn)答/HTML5  HTML/ H5批量上傳多張圖片的問(wèn)題

H5批量上傳多張圖片的問(wèn)題

批量上傳多張圖片,選擇多張圖片之后,在頁(yè)面上顯示多張圖片預(yù)覽圖,點(diǎn)擊上傳,多張圖片同時(shí)上傳,每張圖片都獲取自己的上傳實(shí)時(shí)進(jìn)度值,任何一張圖片上傳成功或者失敗都不影響其他圖片的上傳。

這個(gè)好像不能用FormData吧?如果用FormData,多張圖片的數(shù)據(jù)放進(jìn)去了,然后一個(gè)ajax,那就只能獲取多張圖片整體的進(jìn)度值而不是每張圖片自己?jiǎn)为?dú)的進(jìn)度值。

上面的功能,每個(gè)圖片都要有自己的進(jìn)度值且互不影響,這是不是應(yīng)該建立多個(gè)ajax,每個(gè)圖片一個(gè)ajax?如果這樣的話(huà),瀏覽器一般同時(shí)只能并發(fā)4個(gè)http請(qǐng)求。

多張圖片要有自己的上傳進(jìn)度值,這個(gè)實(shí)現(xiàn)思路應(yīng)該是什么呢?

回答
編輯回答
苦妄
  1. 用多個(gè)formData, 每張圖片new一個(gè)formData,每個(gè)formData分別通過(guò)ajax請(qǐng)求發(fā)送
  2. 如果不用formData, ajax傳圖片只能穿base64
2018年7月6日 12:53
編輯回答
嫑吢丕

1.要獲取多個(gè)圖片的進(jìn)度,只能用多個(gè)ajax,或者多個(gè)表單
2.瀏覽器只能并發(fā)4個(gè)http請(qǐng)求并不是說(shuō)你最多只能有4個(gè)ajax,ajax發(fā)出去之后有先后順序,即使有4個(gè)限制,那么也會(huì)有隊(duì)列,不需要你來(lái)管理

2017年8月16日 13:46