在H5开发和利用express写项目的时候经常会遇到需要上传文件的情况,这里整理了一下比较好用的方法方便大家参考:
首先是jquery上传文件:
这里调用接口使用的是ajax的方法,首先是创建需要上传的数据,使用formdata来创造上传的数据:
var data = new FormData();
data.append('file', myFile);
$.ajax({
url: yourUrl,
data: data,
contentType: false,
processData: false,
type: 'POST',
success: function (result) {
console.log(result);
},
error: function (err) {
console.error(err);
}
});
这里的myFile是一个File对象,可以是input中选择得到的file,yourUrl为后端接收上传文件的接口;
然后是express后台接收文件的接口:
接收文件一个比较好用的nodejs库为connect-busyboy,这个库使用起来比较方便,首先在你的app.js里面应用这个库:
let busboy = require('connect-bus