2010-11-23 14 views
10

Parece que no puedo encontrarlo en línea en ninguna parte, solo demostraciones o enlaces a la especificación, o la implementación de Google Gears. Eso es genial, pero tenía curiosidad de saber cuál es el soporte del navegador real en los principales navegadores Y SO. Firefox, Chrome, Safari, Opera, y ¿IE tiene una alternativa? ¿Qué hay de IE9?Compatibilidad del navegador para cargar archivos arrastrados y soltados

Respuesta

6

Firefox 3.5 + tiene un buen API de arrastrar y soltar: https://developer.mozilla.org/En/DragDrop/Drag_and_Drop

Chrome que puede puede arrastrarlo a una carga de archivos, por lo que, se puede hacer arrastrar y soltar, pero usted tiene que fingir ocultando el formulario a través de la opacidad: 0 pero amplíelo a través de un div envolvente y un ancho: 100% y alto: 100%: http://www.thecssninja.com/javascript/gmail-upload

Safari es lo mismo que Chrome, excepto que solo puede hacer un archivo a la vez , más sobre esto en el enlace de arriba al final de la publicación (enlace thecssninja)

IE parece que puede usar VBDataObject o ActiveX, pero todavía no estoy seguro de dónde encontrar más información. Solo puedo encontrar pequeños fragmentos de información sobre cómo puedes usarlos: http://www.codingforums.com/showthread.php?t=36896 - Si alguien puede ayudarme con cómo conseguir que IE lo admita, házmelo saber.

Opera no tiene nada en absoluto parece. Simplemente jugando con él, actúa como IE, donde si arrastras una carga de archivo, simplemente abre ese archivo. Si alguien conoce esto, házmelo saber.

4

El proyecto PIUpload tiene una tabla de compatibilidad. Dice

El soporte para arrastrar/soltar archivos actualmente solo está disponible en Firefox 3.5+. WebKit/Opera aún no es compatible con esta característica.

+0

Gracias. Actualicé mi publicación. No sabes cómo podría usar VBDataObject o ActiveX para que IE agregue compatibilidad con arrastrar y soltar, ¿verdad? –

1

Safari 5 admite arrastrar y soltar múltiples archivos desde el escritorio al navegador. He estado usando esta función durante mucho tiempo, y me complace compartir mi código si lo desea.

+1

Bienvenido a StackOverflow. Comparta un ejemplo de código para que su respuesta sea más útil para los demás. Gracias. – phant0m

14

Para admitir la carga de archivos arrastrar y soltar HTML5, el navegador debe admitir la API de arrastrar y soltar (DnD) y la API de archivos simultáneamente.

IE es compatible con el DnD de IE5 pero no es compatible con la API de archivos, incluso en IE9. Opera admite File API desde 11.1 pero no es compatible con DnD.

Para que pueda usar la función de arrastrar y soltar archivos cargados en Firefox 3.6+, Safari 6.0+, Chrome 9.0+.

Compruebe esta tabla de compatibilidad.

DnD http://caniuse.com/#search=drag

File API http://caniuse.com/#search=fileapi

+0

¿Hay alguna forma de probar esta característica sin tener que olfatear el navegador? – jayarjo

+0

@jayarjo Prueba modernizr. http://modernizr.com/ –

+0

Lo probé no detecta eso, por ejemplo, dice que los IEs pueden arrastrar y soltar. – jayarjo

Cuestiones relacionadas