国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

javascript - html5 多圖上傳
習(xí)慣沉默
習(xí)慣沉默 2017-05-16 13:02:56
0
3
597

是這樣的我下了個demo,是jquery裡面多個圖片上傳的。但是不懂他的實現(xiàn)思路。

主要就是想知道他這種將圖片上傳到頁面,然後點一下開始上傳就統(tǒng)一上傳是怎麼實現(xiàn)的,有勞大神們幫我大致理一下思路。

這個demo的線上演示的連結(jié)http://www.jq22.com/yanshi1604。

習(xí)慣沉默
習(xí)慣沉默

全部回覆(3)
劉奇

我覺得是這樣:

  1. file 屬性的 input 標籤可以選擇檔案。

  2. 選擇檔案之後,透過 input 的 files 屬性存取到 FileList 對象,裡麵包含檔案最近改變時間、檔案名稱、檔案大小以及檔案類型等資訊。在這裡可以限制傳輸檔案的大小。上面 demo 中應(yīng)該就是透過檔案名稱比對來防止上傳相同檔案。

  3. 利用 FileReader 物件的 readAsDataURL() 方法取得到圖片對應(yīng)的 base64 編碼,然後在方框中建立 img 元素,src 屬性值為這個 base64,就實作了圖片預(yù)覽功能。

  4. 點擊上傳按鈕之後透過 AJAX 上傳到背景。

比較完整的總結(jié)可以看這篇文章。稍微簡單的總結(jié)可以看我總結(jié)的筆記。

滿天的星座

多圖就是吧元素放到陣列裡 一起傳

阿神

就是放在了陣列裡一起傳 使用了file

最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板