Estoy trabajando en una extensión de Chrome: cuando arrastra una imagen, se guardará en su computadora.
Me enteré de que en HTML5 hay API de FileWriter, pero realmente no puedo encontrar ningún ejemplo de ella, ¿Chrome lo admite?¿Cómo guardar una imagen con JavaScript?
Respuesta
No, no es una API FileWriter en HTML5. Lo que probablemente quiera decir es File API que le permite leer archivos. Y en Chrome, incluso las extensiones no pueden escribir archivos, por razones de seguridad. Por lo tanto, a menos que desee agrupar un complemento NPAPI con su extensión (lo que provocaría una gran advertencia al momento de la instalación), todo lo que puede hacer es activar un mensaje de descarga que el usuario puede aceptar o no. Consulte Cross-browser Save As .txt para obtener un posible enfoque (los objetos Flash como Downloadify son el otro).
Editar: Estaba equivocado, hay una propuesta de FileWriter API. Sin embargo, está muy lejos de ser hecho.
Encontré esto. http://www.html5rocks.com/en/tutorials/file/filesystem/ Puede encontrar algunos ejemplos.
Editar Esta es la captura de pantalla del artículo. Estoy usando Chrome 12,0
No creo que la API de FileWriter estará lista y disponible por algún tiempo.
Puede obtener los datos de la imagen en hexadecimal, luego utilice un DataURI para 'exportarlo' desde el navegador. Aunque esto lleva a un archivo guardado con un nombre de archivo como "descargar (1)". Cada navegador parece tener diferentes limitaciones de tamaño para DataURI, y no son grandes, aunque podría estar bien para una imagen de un tamaño razonable.
http://en.wikipedia.org/wiki/Data_URI_scheme
Como alternativa se puede utilizar un Downloadify desviar con un nombre de archivo adecuado (Requiere Flash y puede ser difícil de integrar en la extensión de Chrome).
- 1. ¿Cómo guardar una imagen Ipl?
- 2. guardar una imagen con selenio y firefox
- 3. Desactivar el menú 'guardar imagen' en iPhone con Javascript
- 4. Cómo guardar una imagen usando django imageField?
- 5. Cómo guardar una imagen seleccionando "guardar imagen como ..." en un menú contextual usando Selenium Webdriver (Python)
- 6. Guardar una página web como imagen
- 7. Guardar imagen de url con HTMLUnit
- 8. Android enviar una imagen y guardar url
- 9. Imagen con el navegador sin guardar
- 10. Cómo guardar una cadena base64 como una imagen usando ruby
- 11. cómo guardar varios lienzos en una sola imagen
- 12. Guardar imagen de url con curl PHP
- 13. iOS: Guardar imagen con resolución personalizada
- 14. Guardar como una imagen png en Android
- 15. Guardar imagen de la URL con cURL
- 16. Guardar un lienzo WPF como una imagen
- 17. mostrando una imagen creada con chunkypng directamente (sin guardar)
- 18. obteniendo parte de una imagen con JavaScript
- 19. iPhone UIWebview - Guardar una imagen ya descargada
- 20. Guardar imagen de lienzo PNG en almacenamiento HTML5 (JAVASCRIPT)?
- 21. Cómo guardar un png de variable javascript
- 22. Cómo rotar la imagen y guardar la imagen
- 23. ¿Cómo guardar una imagen en su formato original?
- 24. cómo guardar el lienzo como imagen png?
- 25. GDI +/C#: ¿Cómo guardar una imagen como EMF?
- 26. ¿Cómo puedo guardar el código svg como una imagen .svg?
- 27. ¿Cómo puedo guardar una imagen alterada en MATLAB?
- 28. Cómo guardar la imagen en una base de datos?
- 29. ¿Cómo guardar una imagen de Pharo automáticamente cada hora?
- 30. Cómo guardar una imagen WPF en un archivo
veo, hay al parecer una propuesta para permitir el acceso de lectura/escritura a las partes del disco en contra del usuario a lo que dije en mi respuesta. Sin embargo, esta propuesta está en sus primeras etapas y es posible que nunca la implemente ningún navegador (las cuestiones de seguridad parecen no estar resueltas). –
@Wladimir El artículo dice que Chrome y mi navegador (Chrome) parecen ser compatibles con todas las funciones utilizadas en este artículo. Subiré la captura de pantalla. –