下载文件不适用于iframe

Question

I'm making an express application, and am having trouble exporting a file when the user clicks "download".

My approach as to make an ajax request to the server with the content, and then on the server, create the file and send back the file path. From there, I adjust the src attribute of an iframe element with the file path.

But, nothing is happening on Chrome (or any browser, actually). If I look at the network tab of the inspector, it shows that it received the file OK (with a 200 response code), and the content is there. Also, the iframe has the correct src . I'd like a download dialog to popup, but can't seem to get it.

Any ideas? Thank you!

---

Example Code :

app.js (server)

app.post('/create-html', function(req, res) {

    // explicitly set the headers on the server
    res.header('Content-Type', 'application/octet-stream');
    res.header('Content-Disposition', 'attachment; filename="test.html"')

    var html      = req.body.content
       , name      = "test.html"
       , filepath  = (__dirname + "/public/files/" + name)
       , json_resp = {
            data: ''
          , err: false
         };

    fs.writeFile( filepath, html, 'utf8', function(err, data) {
        // write the file and res.send the json_resp, so we can
        // access the filename on the client
    })
})

script.js (client)

$("#export-html").click( function(e) {
    e.preventDefault();
    var html = $("#html-wrapper").html(); // the html of the file we want to make

    $.ajax({
          method: "POST"
        , url: "/create-html"
        , headers: {
            "Content-Disposition": 'attachment; filename="test.html"'
          }
        , type: "JSON"
        , success: function(resp) {
              var iframe = document.getElementById("iframe")
                , fp_prefix = "/files/"
                , fp = fp_prefix + resp.data; // ex: "/files/test.html" - the path where the file can be accessed

              iframe.src = fp
          }
    })

})

I'm getting 200 s when POSTing to the server ( /create-html ), and when the server is sending the data back ( test.html ). The content of the test.html file shows up in the web inspector, and going to /files/test.html shows the page. But, I can't get it to download the HTML .

Any ideas?

Answer 1

with ExpressJS you use this:

apt.get('/create-html', function (req, res) {
  var name       = "test.html"
      , filepath = (__dirname + "/public/files/" + name);

  res.download(filepath, name);
});