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
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.
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.
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.
Bienvenido a StackOverflow. Comparta un ejemplo de código para que su respuesta sea más útil para los demás. Gracias. – phant0m
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
- 1. Cómo atrapar y abrir archivos arrastrados y soltados en el icono de una aplicación?
- 2. PrimeFaces y compatibilidad del navegador
- 3. ¿Cómo detectar la compatibilidad del navegador para pageShow y pageHide?
- 4. Prueba de compatibilidad del navegador
- 5. Cómo usar el evento de caída de jQuery para cargar archivos arrastrados desde el escritorio?
- 6. Tabla de compatibilidad del navegador SVG/VML
- 7. Manejo de la clave JavaScript y compatibilidad del navegador
- 8. jQuery y compatibilidad con el navegador móvil?
- 9. Archivos binarios y compatibilidad multiplataforma
- 10. setAttribute, onClick y compatibilidad de navegador cruzado
- 11. Compatibilidad con el navegador para eTags
- 12. La mejor manera de cargar varios archivos desde un navegador
- 13. Cargador de múltiples archivos en HTML5: ¿compatibilidad con el navegador?
- 14. Compatibilidad con el navegador E4X
- 15. ¿Compatibilidad con el navegador Ember.js?
- 16. Cómo probar la compatibilidad del navegador en Linux
- 17. Biblioteca de carga de archivos de arrastrar y soltar para Internet Explorer
- 18. HTML Compatibilidad con el navegador del marcador de posición
- 19. Forzar IE9 en la compatibilidad del navegador ver
- 20. jQuery .trim() Pregunta de compatibilidad del navegador IE
- 21. ¿Cuál es la mejor biblioteca del navegador del lado del cliente para cargar múltiples archivos a través de http?
- 22. Compatibilidad del navegador de algún tipo de selectores css
- 23. Aceptación de archivos arrastrados en una aplicación Cocoa
- 24. Prueba rápida javascript snippet para compatibilidad con el navegador
- 25. Compatibilidad con el navegador móvil HTML5
- 26. Compatibilidad con el navegador para askerisk (*) comodín en CSS?
- 27. Aplicación del navegador y acceso al sistema de archivos local
- 28. Caché del navegador de archivos CSS
- 29. ¿Cómo tengo en cuenta los complementos del navegador con compatibilidad entre plataformas y entre navegadores?
- 30. Compatibilidad con el navegador PNG transparencia
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? –