我似乎無法在任何地方在線找到它,只需演示或鏈接到規範或Google Gears實現。這一切都很棒,但我很好奇在主要瀏覽器和操作系統上實際瀏覽器的支持情況。 Firefox,Chrome,Safari,Opera和IE有其他選擇嗎?那麼IE9呢?瀏覽器支持拖放文件上傳
回答
的火狐3.5有一個漂亮的拖和拖放API:https://developer.mozilla.org/En/DragDrop/Drag_and_Drop
Chrome,只要可以拖放到文件上傳,所以,你可以做拖放,但是你要假的它通過不透明度隱藏窗體:0,但通過包裝div和寬度變大:100%和高度:100%:http://www.thecssninja.com/javascript/gmail-upload
Safari與Chrome一樣,除了一次只能執行一個文件,更多關於這個在帖子末尾的鏈接(thecssninja鏈接)
IE它似乎可以使用VBDataObject或ActiveX,但我仍然不確定在哪裏可以找到更多信息。我只能找到關於如何使用這些信息的小片段:http://www.codingforums.com/showthread.php?t=36896 - 如果任何人都可以幫助我如何讓IE支持它,請告訴我。
歌劇似乎什麼都沒有。只要玩它,就像IE一樣,如果你拖動到文件上傳,它只是打開該文件。如果有人知道這個讓我知道。
PIUpload項目有一個兼容性表。它說
拖放文件的支持目前僅在Firefox 3.5+中可用。 WebKit/Opera目前還不支持此功能。
Safari 5確實支持從桌面拖放多個文件到瀏覽器。我已經使用這個功能很長一段時間了,如果你願意,我很樂意分享我的代碼。
歡迎來到StackOverflow。請分享一個代碼示例以使您的答案對其他人更有用。謝謝。 – phant0m 2012-11-24 21:54:10
爲了支持HTML5的拖放文件上傳,瀏覽器應該同時支持拖放(DnD)API和File API。
IE支持IE5中的DnD,但即使在IE9中也不支持File API。 Opera支持11.1的File API,但不支持DnD。
所以你可以在Firefox 3.6+,Safari 6.0+,Chrome 9.0+上使用拖放文件上傳。
檢查此兼容性表。
任何方式功能測試這個,沒有瀏覽器嗅探? – jayarjo 2013-02-21 12:25:50
- 1. 谷歌瀏覽器文件夾拖放支持
- 2. 在瀏覽器的瀏覽按鈕上使用拖放上傳文件
- 3. 拖拖放下載支持IE瀏覽器的Javascript/jQuery/Html5
- 4. HTML5中的多文件上傳器 - 瀏覽器支持?
- 5. 多目標跨瀏覽器拖放文件上傳
- 6. 跨瀏覽器拖放HTTP文件上傳?
- 7. Android瀏覽器不支持HTML表格文件上傳
- 8. 拖放文件功能到瀏覽器
- 9. 如何實現支持文件夾樹上傳的跨瀏覽器上傳?
- 10. 瀏覽器支持
- 11. 瀏覽器支持WebDriver還是WebDriver支持瀏覽器
- 12. 瀏覽器上的CSS3支持
- 13. 桌面圖像拖放上傳崩潰瀏覽器
- 14. 拖放圖片上傳不工作的特定瀏覽器
- 15. CKEditor文件瀏覽器/上傳器?
- 16. YI拖放文件上傳
- 17. 拖放文件上傳
- 18. 拖放ajax文件上傳
- 19. window.devicePixelRatio瀏覽器支持
- 20. 瀏覽器支持sencha touch
- 21. Kurento瀏覽器/ webRTC支持
- 22. Ember.js瀏覽器支持?
- 23. document.fileSize瀏覽器支持
- 24. 瀏覽器字體支持
- 25. Robot Framework瀏覽器支持
- 26. Android iFrame瀏覽器支持
- 27. Scaja.js瀏覽器支持
- 28. XML跨瀏覽器支持
- 29. 邊緣瀏覽器支持
- 30. ngAria支持Safari瀏覽器
感謝。我更新了我的帖子。你不知道如何使用VBDataObject或ActiveX來獲得IE添加拖放支持嗎? – 2010-11-23 18:34:41