2012-04-16 8 views
13

Encontré una gran biblioteca llamada JQuery File Upload para cargar archivos arrastrados y soltados en los navegadores modernos. Lamentablemente, arrastrar y soltar no funciona en Internet Explorer.Biblioteca de carga de archivos de arrastrar y soltar para Internet Explorer

La carga de archivos de arrastrar y soltar en IE es un requisito del proyecto, por lo que me gustaría encontrar una solución para esta situación específica. Mi idea es terminar con dos versiones de la página de carga, una para IE y otra para el resto del mundo.

¿Alguien sabe una buena biblioteca activex para tales cargas en IE, que no requiere ninguna instalación?

Respuesta

3

Creo que la mejor manera es usar la nueva API de arrastrar y soltar HTML5 y la nueva API de archivos. Aquí hay un tutorial link

+4

Creo que TO quería una solución para las versiones anteriores de IE, sin compatibilidad con la API drag-n-drop de HTML5. –

+4

¡Está bien! Creo que FileDrop es lo que necesita -> [link] (http://proger.i-forge.net/FileDrop_%E2%80%93_cross-browser_JavaScript_Drag_-amp_Drop_file_upload/7CC) – MyBoon

+1

FileDrop aparentemente hace posible cargar archivos a través de Drag'n Drop e IE6 + a través de un truco iframe. Tengo que verificar eso, pero parece prometedor. ¡Gracias! – plang

0

FiledropJS 2, es una de arrastrar y soltar biblioteca de carga de archivos, que tiene una <Iframe> based fallback para trabajar en los mayores de IE también. Hay una demo en esa página. Parece prometedor, échale un vistazo.

0

me escribió un módulo javascript para hacer uso generalizado de arrastrar y soltar eventos incluyendo:

  • archivo de goteo,
  • arrastrar y soltar dentro de una ventana del navegador,
  • arrastrar y soltar entre dos diferentes ventanas del navegador,
  • arrastrar y soltar desde una ventana del navegador a una aplicación externa, y
  • arrastrar y soltar desde una aplicación externa a una ventana del navegador

Resume un montón de cosas de bizzaro sobre la aplicación de arrastrar y soltar html5 que de lo contrario perdería horas de su tiempo. Aquí hay un ejemplo de uso:

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

Funciona también en IE (con las advertencias IE habituales). Consulte la documentación completa aquí: https://github.com/fresheneesz/drip-drop

Cuestiones relacionadas