Send File to client with Adonis

[Hakamate]

Hello everyone,

I try to send back a file to a nuxtjs client. But i don't really know how can i do that.

Can you bring me links ? advices ? Or maybe code example ?

[thetutlage]

Your question is little vague. What you mean by sending file to Nuxt? Do you want the user of your app to download a file?

[thetutlage]

You have to redirect them to the AdonisJS route and use the response.download() method to send the file as response.

Do note: Ajax requests don't allow downloading files, you have to redirect the user to a url handled by AdonisJS

[mortenko]

probably you need to do some work also on frontend : https://stackoverflow.com/questions/3749231/download-file-using-javascript-jquery. (Third post)

[Hakamate]

@mortenko actually here is the response from the server :

There is a way to translate it into a downloadable file ?

[thetutlage]

Already told you, you cannot stream files in an Ajax request. Please read the above comment

[Hakamate]

Ok, I got it, that because Axios can't consume download stream. Thank you @thetutlage i will use fetch or a library to allow it ;)

[Hakamate]

For the context, i'm actually trying to make a youtube downloader

Nuxt Code (client) :

sendURL: async function(url){
      console.log(url)
      await axios.post(`http://127.0.0.1:3333/api/download`, {params:{URL:url}})
        .catch(error => {
          console.log(error);
        })
        .then(response => console.log(response))
    }

Adonis Code :

const fs = require('fs');
const Helpers = use('Helpers');
const youtubedl = require('youtube-dl');

class DownloadController {
download({ request, response }) {
        // response.setHeader('Content-Type', 'text/event-stream');
        console.log("cc")
        response.implicitEnd = false

        let title = null
        const options = []
        const req = request.all()
        var link = req.params.URL

        const video = youtubedl(link, ["--format=bestaudio"], {cwd: __dirname});
       
        youtubedl.getInfo(link, options, function(err, info){
            if(err) throw err
            title = info.title
            const target = Helpers.publicPath(title + ".mp3")
    
            video.pipe(
                fs.createWriteStream(target)
            )

            video.on('end', function() {
                console.log(title, ' finished downloading !')
                // response.send(target)
                // fs.readFile(target, (error, contents) => {
                //     response.download(contents)
                //   })
                response.download(target)
            })
        })
    }
}