javascript - 如何在node js中下载服务器文件?

标签 javascript jquery node.js

请告诉我如何在 Node js 中下载服务器文件

这是我的代码 Node js代码(请求代码)

var express = require('express');
var multer = require('multer');
var bodyParser = require('body-parser');
var cors = require('cors');
var app = express();
var path = require('path');
var PORT = process.env.PORT || 3000;


// use of body parser
app.use(bodyParser.urlencoded({
    extended: true
}));

app.use(bodyParser.json());
app.use(cors());



app.get('/download', function(req, res){
    console.log(__dirname);
    var file = path.join(__dirname , '/uploads/file-1534458777206.xlsx');
    console.log(file)
    res.download(file); // Set disposition and send it.
});




app.listen(PORT, () => {
    console.log(`App is listening to ${PORT}`);
})

我向客户提出这样的要求

$('.download').on('click', function () {
            $.ajax({
                url: 'http://localhost:3000/download',
                type: 'GET',
                dataType: 'json',
                success: function (data) {
                    console.log('data')
                },
                error: function (jqXHR, textStatus, errorThrown) {
                    // Handle errors here
                    console.log('ERRORS: ' + textStatus);
                    // STOP LOADING SPINNER
                }
            });

在控制台上出现错误

ERRORS: parsererror
3index.html?_ijt=9lu9erpan2oq6qf28851ngj0ra:32 ERRORS: parsererror
2index.html?_ijt=9lu9erpan2oq6qf28851ngj0ra:32 ERRORS: parsererror

服务器日志

C:\Users\B0207296\WebstormProjects\uploadFile\server
C:\Users\B0207296\WebstormProjects\uploadFile\server\uploads\file-1534458777206.xlsx

为什么客户端上没有下载文件,因为我提到文件存在于上面的网址

最佳答案

通过ajax获取文件内容: 只需删除 dataType,您的文件将被解析为 json,从而导致错误。

$('.download').on('click', function () {
     $.ajax({
         url: 'http://localhost:3000/download',
          type: 'GET',
          success: function (data) {
              console.log(data); // File data
          },
          error: function (jqXHR, textStatus, errorThrown) {
              // Handle errors here
              console.log('ERRORS: ' + textStatus);
              // STOP LOADING SPINNER
          }
      });

要下载文件,最好使用虚拟链接

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

</head>
<body>
<b class="download">Download Here</b>
<script>
$('.download').on('click', function () {
    var link = document.createElement('a');
    link.href = 'http://localhost:3000/download';
    var e = document.createEvent('MouseEvents');
    e.initEvent('click', true, true);
    link.dispatchEvent(e);
  })
</script>

</body>
</html>

关于javascript - 如何在node js中下载服务器文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51886595/

相关文章:

node.js - 无法连接到 mongolab,出现 MongoError : auth failed

javascript - 如何从 NodeJS 中的回调函数中获取值?

javascript - 如何知道哪些 JavaScript 函数绑定(bind)到 HTML 元素?

javascript - 使用 localStorage.getItem() 获取不同属性的值?

javascript - 在PHP环境中安装和使用Gulp?

javascript - 点击后如何调用对象函数

javascript - 通过 JS 删除 X 类时添加类

javascript - HighCharts系列Z指数

javascript - React js中的滑动效果

javascript - fullcalendar "typeError: Cannot read property ' hasTime' 未定义”