0

Actualmente lo hago de la siguiente forma, esto desde el controlador:

return response()->download($url,'imagen.jpg')->deleteFileAfterSend(true);

Pero quiero hacerlo desde Vue sin necesidad de redireccionar, y recibir la imagen en una petición hecha por axios, por ejemplo:

axios.get('/ruta').then(function(response){
    //código para descargar
})

Esto es lo que estoy tratando de hacer con el paquete NPM js-file-download:

axios.post('/subir-imagen',this.payload).then(function(response){
    fileDownload(response.data, 'filename.jpg');
})
2
  • 1
    mira si te sirve Link de ayuda Commented el 29 jul. 2019 a las 16:43
  • En parte ayuda, ya que se pueden hacer ciertas pruebas y ver el resultado, pero no me a funcionado como tal, porque, ¿como debería mandar la imagen desde el controlador?, etc...
    – JaredDmz
    Commented el 29 jul. 2019 a las 20:48

1 respuesta 1

0

El problema se resolvió de la siguiente manera:

  • Se envió y se trabajo la imagen en el servidor.
  • Se guardó y se retornó la url.
  • Se obtuvo la url en el response de axios.

    self = this axios.post('/subir-imagen',this.payload).then(function(response){ if (response.data.estatus = 'si') { self.url = response.data.url }else{ Swal.fire('Error',response.data.mensaje,'error') } })

  • Se guardó la url en una variable de vue y se mostró un preview en un modal el cual tiene un botón de descarga.

    <a :href="url" download class="btn btn-success">Descargar imagen</a>

Si encuentran una forma de hacer la descarga desde el momento que llega como respuesta en axios, se los agradecería mucho, saludos.

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.