本博客主要内容为通过nodejs配合oss阿里云对象存储实现图片上传,先决条件需要有阿里云账号,并开通oss对象存储功能,具体代码如下:
nodejs:
var express = require('express');
var route = express.Router();
var fs = require('fs');
// 初始化Client
var co = require('co');
var OSS = require('ali-oss');
var client = new OSS({
region: 'oss-cn-beijing',
accessKeyId: '',// 阿里云获取
accessKeySecret: '' // 阿里云获取
});
var ali_oss = {
bucket: '',// 阿里云获取
endPoint: 'oss-cn-beijing.aliyuncs.com',
}
// 微信小程序 图片上传
var multer = require('multer')
var upload = multer({ dest: 'upload/' })
// 图片上传
route.post('/upload2', upload.single('file'), function(req, res, next){
// 文件路径
var filePath = './' + req.file.path;
// 文件类型
var temp = req.file.originalname.split('.');
var fileType = temp[temp.length - 1];
var lastName = '.' + fileType;
// 构建图片名
var fileName = Date.now() + lastName;
// 图片重命名
fs.rename(filePath, fileName, (err) => {
if (err) {
res.end(JSON.stringify({status:'102',msg:'文件写入失败'}));
}else{
var localFile = './' + fileName;
var key = fileName;
// 阿里云 上传文件
co(function* () {
client.useBucket(ali_oss.bucket);
var result = yield client.put(key, localFile);
var imageSrc = 'https://fu-images-container.oss-cn-beijing.aliyuncs.com/' + result.name;
// 上传之后删除本地文件
fs.unlinkSync(localFile);
res.end(JSON.stringify({status:'100',msg:'上传成功',imageUrl:imageSrc}));
}).catch(function (err) {
// 上传之后删除本地文件
fs.unlinkSync(localFile);
res.end(JSON.stringify({status:'101',msg:'上传失败',error:JSON.stringify(err)}));
});
}
});
})
module.exports = route;
代码中的相应依赖自行安装。
将路由文件引入至app.js,并使用:
最后访问的接口地址即为:后端地址+"/api/file/upload2" 例:http://localhost:8000/api/file/upload2
后端接口完成,只需要在前端调用即可:
调用成功: