HTML5附件拖拽上傳drop&google.gears實(shí)現(xiàn)代碼_javascript技巧

來(lái)源：懂視網(wǎng) 責(zé)編：小采時(shí)間：2020-11-27 20:59:07

HTML5附件拖拽上傳drop&google.gears實(shí)現(xiàn)代碼_javascript技巧

HTML5附件拖拽上傳drop&google.gears實(shí)現(xiàn)代碼_javascript技巧:騰訊微博也已近實(shí)現(xiàn)了拖拽上傳。其實(shí)很簡(jiǎn)單。由于沒(méi)有服務(wù)器支持在文章里不能做上傳演示，下載實(shí)例拖拽上傳需要什么支持 1:需要瀏覽器支持 drop 事件。(響應(yīng)拖拽事件獲取file對(duì)象); 2:XMLHttpRequest 對(duì)象有 sendAsBinary 方法(用于發(fā)送數(shù)據(jù));

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

導(dǎo)讀HTML5附件拖拽上傳drop&google.gears實(shí)現(xiàn)代碼_javascript技巧:騰訊微博也已近實(shí)現(xiàn)了拖拽上傳。其實(shí)很簡(jiǎn)單。由于沒(méi)有服務(wù)器支持在文章里不能做上傳演示，下載實(shí)例拖拽上傳需要什么支持 1:需要瀏覽器支持 drop 事件。(響應(yīng)拖拽事件獲取file對(duì)象); 2:XMLHttpRequest 對(duì)象有 sendAsBinary 方法(用于發(fā)送數(shù)據(jù));

騰訊微博也已近實(shí)現(xiàn)了拖拽上傳。其實(shí)很簡(jiǎn)單。
由于沒(méi)有服務(wù)器支持在文章里不能做上傳演示，下載實(shí)例
拖拽上傳需要什么支持
1:需要瀏覽器支持 drop 事件。(響應(yīng)拖拽事件獲取file對(duì)象);
2:XMLHttpRequest 對(duì)象有 sendAsBinary 方法(用于發(fā)送數(shù)據(jù));
以上兩個(gè)條件目前僅有 firefox 能達(dá)到。
chrome 第一項(xiàng)達(dá)標(biāo)，第2項(xiàng)可以使用 google.gears 來(lái)模擬。
所以能實(shí)現(xiàn)拖拽上傳的瀏覽器有 firefox3.6 + 和 chrome7+。
如何實(shí)現(xiàn)拖拽上傳
1:綁定 drop 事件。
2:獲取 file 對(duì)象。
3:獲取對(duì)象的2進(jìn)制數(shù)據(jù)。
4:模擬數(shù)據(jù)發(fā)送post請(qǐng)求。

由于XMLhttprequest 和 google.gears 有很大不同。
所以我總進(jìn)行了封裝(UpLoadFileXHR)。上面 2 3 4 步驟我都封裝好了。
只要實(shí)例化 UpLoadFileXHR 就可以做拖拽文件上傳了。點(diǎn)擊下載

實(shí)例

1：引用 UpLoadFileXHR.js 文件
代碼如下:

聲明：本網(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