码迷,mamicode.com
首页 > Web开发 > 详细

ajax传文件用express的multer接住

时间:2019-06-16 11:47:51      阅读:124      评论:0      收藏:0      [点我收藏+]

标签:pen   const   添加文件   ajax   lte   部分   type   end   proc   

html部分:

1  //input type设为file
2     <input type="file" name="file" id="fileInputElement" />
3     <button id="submit">提交</button>

script部分

 1   var btn = document.getElementById(submit);
 2         var fileInputElement = document.getElementById(fileInputElement);
 3      
 4         btn.onclick = function () {
 5            
 6             var oMyForm = new FormData();
 7            //append来添加文件,
 8             oMyForm.append("afile", fileInputElement.files[0]);
 9 
10 
11             var oReq = new XMLHttpRequest();
12 
13             oReq.open("POST", "/test");
14           
15          //用FormData生成的对象的好处是,send不需要setRequestHeader
16             oReq.send(oMyForm);
17         }

后台nodejs部分

const app = express();
const multer = require(multer);
var upload = multer({dest:file/})//multer的参数dest表示文件接受后存放的地址

app.post(/test,upload.single(afile),(req,res)=>{
  
})

 
 

 

ajax传文件用express的multer接住

标签:pen   const   添加文件   ajax   lte   部分   type   end   proc   

原文地址:https://www.cnblogs.com/dangdanghepingping/p/11030123.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!