真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

jquery使用FormData實現(xiàn)異步上傳文件-創(chuàng)新互聯(lián)

考慮一個常見的用戶上傳頭像的場景:

成都網(wǎng)站建設(shè)哪家好,找創(chuàng)新互聯(lián)!專注于網(wǎng)頁設(shè)計、成都網(wǎng)站建設(shè)公司、微信開發(fā)、小程序開發(fā)、集團成都企業(yè)網(wǎng)站定制等服務(wù)項目。核心團隊均擁有互聯(lián)網(wǎng)行業(yè)多年經(jīng)驗,服務(wù)眾多知名企業(yè)客戶;涵蓋的客戶類型包括:成都垃圾桶等眾多領(lǐng)域,積累了大量豐富的經(jīng)驗,同時也獲得了客戶的一致稱贊!
  • 點擊按鈕,彈出文件選擇框
  • 選中圖片并確認后直接上傳圖片

實現(xiàn)這個功能,需要使用來添加文件,并實現(xiàn)上傳功能。傳統(tǒng)的上傳文件是將放到

中提交,但在這個場景中并不存在form表單,只有一個input而已。那么應(yīng)該如何處理呢?

答案是可以使用FormData來實現(xiàn)文件的提交。

先看一下MDN對FormData的介紹:

XMLHttpRequest Level 2添加了一個新的接口FormData.利用FormData對象,我們可以通過JavaScript用一些鍵值對來模擬一系列表單控件,我們還可以使用XMLHttpRequest的send()方法來異步的提交這個”表單”.比起普通的ajax,使用FormData的大優(yōu)點就是我們可以異步上傳一個二進制文件.


這樣一來,解決問題的思路就出來了:

  • 每次選中文件并確認后,會觸發(fā)change事件,在onchange事件處理函數(shù)中處理即可。
  • 創(chuàng)建一個FormData對象,并將選中的文件追加進去。
  • 使用Ajax發(fā)送這個FormData對象。

下面用一個Demo展示具體的代碼實現(xiàn)用FormData將文件發(fā)送到一個php:



  Upload
  


  

  


網(wǎng)站標題:jquery使用FormData實現(xiàn)異步上傳文件-創(chuàng)新互聯(lián)
瀏覽地址:http://weahome.cn/article/eeios.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部