首页 > Web开发 > 详细

Node.js——异步上传文件

时间:2018-06-21 19:22:00      阅读:75      评论:0      收藏:0      [点我收藏+]

标签:formdata   处理   前台   field   fields   spa   word   fun   class   

前台代码

submit() {
    var file = this.$refs.fileUpload.files[0];
    var formData = new FormData();
    formData.append("file", file);
    formData.append("username", this.username);
    formData.append("password", this.password);
    axios.post("http://127.0.0.1:3000", formData).then(res => {
    console.log(res);
    });
}

后台代码

app.use(function (req, res) {
    var form = new formidable.IncomingForm();
    form.uploadDir = path.join(__dirname, ‘uploads‘)

    form.parse(req, function (err, fields, files) {
        fs.rename(files.file.path, path.join(__dirname, ‘uploads‘, files.file.name), function (err) {
            if (!err) {
                return res.end(‘ok‘)
            }
            res.end(‘err‘)
        })
    });
})

 注意

  • 前端利用formData才能拿到file数据,这是xhr异步上传文件提供的接口
  • 后台代码如果不使用formidable这个包,那么对接受过来的二进制数据自己处理是非常麻烦的

Node.js——异步上传文件

标签:formdata   处理   前台   field   fields   spa   word   fun   class   

原文:https://www.cnblogs.com/wuqiuxue/p/9210572.html

(0)
(0)
   
举报
评论 一句话评论(0
0条  
登录后才能评论!
© 2014 bubuko.com 版权所有 鲁ICP备09046678号-4
打开技术之扣,分享程序人生!
             

鲁公网安备 37021202000002号