2012-04-16 83 views
13

我發現了一個名爲JQuery File Upload的優秀庫,用於在現代瀏覽器中上傳文件。不幸的是,拖放在Internet Explorer中不起作用。爲Internet Explorer拖放文件上傳庫

在IE中拖放文件上傳是該項目的一個要求,所以我想爲這個特定的情況找到一個解決方案。我的想法是最終有兩個版本的上傳頁面,一個用於IE,另一個用於世界其他地區。

有沒有人知道一個好的activex庫在IE中這樣上傳,不需要任何安裝?

回答

3

我認爲最好的方法是使用新的HTML5拖放API和新的File API。 這裏是一個教程link

+4

我相信TO希望爲老版本的IE提供解決方案,而不需要HTML5的拖放API支持。 – 2012-09-30 01:53:07

+4

好的!我認爲FileDrop是你需要的 - > [鏈接](http://proger.i-forge.net/FileDrop_%E2%80%93_cross-browser_JavaScript_Drag_-amp_Drop_file_upload/7CC) – MyBoon 2012-09-30 02:04:10

+1

FileDrop顯然可以通過上傳文件Drag'n Drop和IE6 +通過iframe技巧。我必須檢查,但它看起來很有希望。謝謝! – plang 2012-10-01 06:57:36

0

我寫了一個JavaScript模塊做廣義的拖放事件包括:

  • 文件拖放,
  • 拖放一個瀏覽器窗口內下降,
  • 阻力和兩個不同的瀏覽器窗口之間下降,
  • 從瀏覽器窗口拖放到外部應用程序,並且
  • 從外部應用程序拖放到瀏覽器窗口

它提取了一堆關於html5拖放API的bizzaro事情,否則這些API會浪費您的時間。這裏有一個示例用法:

dd.drag(myDomNode, { 
    dragImage: true, // default drag image 
    start: function(setData, e) { 
     setData('myCustomData', JSON.stringify({a:1, b:"NOT THE BEES"})) // camel case types are allowed!* 
    } 
}) 
dd.drop(myDropzone, { 
    drop: function(data, pointer, e) { 
     myDropzone.innerHTML = data.myCustomData 
    } 
}) 

它也適用於IE以及(通常的IE警告)。看看這裏的完整文檔:https://github.com/fresheneesz/drip-drop