Actualmente estoy usando Ruby on Rails + React + Redux + Dropzone para cargar imágenes.
Tengo un formulario que te permite adjuntar imágenes a través de Dropzone y subirlas. El formulario también le mostrará una vista previa de sus cargas en la vista React.
Además, he podido usar con éxito dropzone y activestorage para almacenar mis cargas de imágenes en S3.
Sin embargo, el siguiente paso es mostrar esas imágenes en el mismo cargador de dropzone cuando alguien quiera editar el mismo formulario, lo que requiere una matriz de objetos de File de Javascript para mostrar las imágenes. Mi pregunta es ¿cómo debo hacer esto? ¿Necesito devolver un blob desde la API de Rails o puedo usar la URL de la imagen de alguna manera? Estoy un poco confuso aquí sobre cómo proceder y agradecería cualquier orientación.
¡Gracias!
dropzone es responsable de subir nuestra imagen solamente
solo necesita obtener la URL del objeto S3 y mostrarla en su formulario como una imagen normal
luego coloque el formulario de carga de Dropzone después de su imagen, para que su usuario entienda que es un formulario para reemplazar la imagen existente
así que en su vista edit.html.erb , primero obtenga las URL de imagen de S3
<h3>Existing image:</h3> <%= url_for(record.image) %> # Dropzone form here y adjunte el nuevo archivo de imagen en la acción de update