2012-04-16 31 views
13

Tôi đã tìm thấy một thư viện tuyệt vời được gọi là JQuery File Upload để tải lên và thả tệp trong trình duyệt hiện đại. Thật không may kéo và thả không hoạt động trong Internet Explorer.Kéo và thả thư viện tải lên tệp cho Internet Explorer

Kéo và thả tệp tải lên trong IE là yêu cầu của dự án, vì vậy tôi muốn tìm giải pháp cho tình huống cụ thể này. Ý tưởng của tôi là kết thúc với hai phiên bản của trang tải lên, một cho IE và một phiên bản khác cho phần còn lại của thế giới.

Có ai biết thư viện activex tốt cho những nội dung tải lên như vậy trong IE không yêu cầu bất kỳ cài đặt nào không?

Trả lời

3

Tôi nghĩ rằng cách tốt nhất là sử dụng API kéo và thả HTML5 mới và API tệp mới. Đây là một hướng dẫn link

+4

Tôi tin rằng TO muốn có giải pháp cho các phiên bản IE cũ hơn, không hỗ trợ API kéo-thả-HTML5. –

+4

OK! Tôi nghĩ FileDrop là những gì bạn cần -> [link] (http://proger.i-forge.net/FileDrop_%E2%80%93_cross-browser_JavaScript_Drag_-amp_Drop_file_upload/7CC) – MyBoon

+1

FileDrop rõ ràng làm cho nó có thể tải lên các tập tin thông qua Drag'n Drop và IE6 + trough một thủ thuật iframe. Tôi phải kiểm tra điều đó, nhưng có vẻ đầy hứa hẹn. Cảm ơn! – plang

0

bạn có thể thử dropZone, hỗ trợ IE 10+

0

FiledropJS 2, là một kéo và thả thư viện tập tin tải lên, trong đó có một <Iframe> based fallback để làm việc trong cũ của IE là tốt. Có một bản demo trong trang đó. Có vẻ đầy hứa hẹn, hãy kiểm tra.

0

tôi đã viết một module javascript để làm kéo tổng quát và thả các sự kiện bao gồm:

  • tập tin giảm,
  • kéo và thả trong một cửa sổ trình duyệt,
  • kéo và thả giữa hai cửa sổ trình duyệt khác nhau,
  • kéo và thả từ cửa sổ trình duyệt sang ứng dụng bên ngoài và
  • kéo và thả từ ứng dụng bên ngoài vào cửa sổ trình duyệt

Nó tóm tắt đi một loạt các điều bizzaro về kéo html5 và thả api mà nếu không sẽ lãng phí thời gian của bạn. Dưới đây là ví dụ về cách sử dụng:

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 
    } 
}) 

Nó cũng hoạt động trong IE (với cảnh báo IE thông thường). Hãy xem tài liệu đầy đủ tại đây: https://github.com/fresheneesz/drip-drop

Các vấn đề liên quan