借助FileReader實現將文件編碼為Base64后通過AJAX上傳_javascript技巧
來源:懂視網
責編:小采
時間:2020-11-27 21:47:44
借助FileReader實現將文件編碼為Base64后通過AJAX上傳_javascript技巧
借助FileReader實現將文件編碼為Base64后通過AJAX上傳_javascript技巧:使用AJAX是無法直接上傳文件的,一般都是新建個iframe在它里面完成表單提交的過程以達到異步上傳文件的效果。 如此做可以達到比較好的瀏覽器兼容性,不過代碼量會比較大,即使是使用了文件上傳插件,例如plupload。 如何能達到靈活的程度呢,能像普通的AJA
導讀借助FileReader實現將文件編碼為Base64后通過AJAX上傳_javascript技巧:使用AJAX是無法直接上傳文件的,一般都是新建個iframe在它里面完成表單提交的過程以達到異步上傳文件的效果。 如此做可以達到比較好的瀏覽器兼容性,不過代碼量會比較大,即使是使用了文件上傳插件,例如plupload。 如何能達到靈活的程度呢,能像普通的AJA

使用AJAX是無法直接上傳文件的,一般都是新建個iframe在它里面完成表單提交的過程以達到異步上傳文件的效果。
如此做可以達到比較好的瀏覽器兼容性,不過代碼量會比較大,即使是使用了文件上傳插件,例如plupload。
如何能達到靈活的程度呢,能像普通的AJAX提交表單數據那樣將文件看成是普通表單參數來對待就好了。
靈光一閃,利用javascript的FileReader對象將文件編碼成base64再傳服務器不就行了么~
開始動手,豐衣足食。
前端對文件進行base64編碼并通過ajax向服務器傳輸:
javascript里的FileReader對象主流瀏覽器都支持,IE10以上支持,私認為在為小范圍提供服務時可以考慮這個異步上傳文件的方式,省時又省力,兼容IE系列另當別論。
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
借助FileReader實現將文件編碼為Base64后通過AJAX上傳_javascript技巧
借助FileReader實現將文件編碼為Base64后通過AJAX上傳_javascript技巧:使用AJAX是無法直接上傳文件的,一般都是新建個iframe在它里面完成表單提交的過程以達到異步上傳文件的效果。 如此做可以達到比較好的瀏覽器兼容性,不過代碼量會比較大,即使是使用了文件上傳插件,例如plupload。 如何能達到靈活的程度呢,能像普通的AJA