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

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