《HTML5文件實(shí)現(xiàn)拖拽上傳》文章已經(jīng)歸檔，站長之家不再展示相關(guān)內(nèi)容，下文是站長之家的自動化寫作機(jī)器人，通過算法提取的文章重點(diǎn)內(nèi)容。這只AI還很年輕，歡迎聯(lián)系我們幫它成長：

通過HTML的文件API ，F(xiàn)irefox、Chrome等瀏覽器已經(jīng)支持從操作系統(tǒng)直接拖拽文件，并上傳到服務(wù)器。相對于使用了十多年的HTML表單，這是一個革命性的進(jìn)步。雖然IE的落后讓很多開發(fā)者還在觀望中，但是Gmail郵箱的附件拖拽功能已經(jīng)給部分用戶帶來了極大的方便，而需要大量上傳文件的CMS（內(nèi)容管理系統(tǒng)）也將會從中受益。讓我們看一下Firefox 是如何使用拖拽上傳功能的：首先提供一個區(qū)域來放置文件Html代碼 然后監(jiān)聽拖拽過程中的dragenter、dragleave、drop等事件Js代碼 document.addEventListener("dragenter", function(e){ dropbox.style.borderColor = 'gray'; }, false); document.addEventListener("dragleave", function(e){ dropbox.style.borderColor = 'silver'; }, false); dropbox.addEventListener("dragenter", function(e){ dropbox.style.bo...

......