BOS上傳檔案核心代碼
const config = {
credentials: {
ak: '',
sk: ''
}
};
let bucket = '';
let client = new BosClient(config);
let key = req.file.originalname;
client.putObjectFromFile(bucket, key, req.file.path, {
'Content-Type': req.file.mimetype
}).then(response => {
res.statusCode = 200;
}).catch(error => {
console.log(error);
res.statusCode = 500;
res.send('error');
});
上傳接口服務代碼
const BosClient = require('@baiducloud/sdk').BosClient
const compression = require('compression')
app.use(compression());
const dirpath = path.resolve(path.join(__dirname, 'filedir'))
var storage = multer.diskStorage({
destination: function (req, file, cb) {
cb(null, dirpath)
},
filename: function (req, file, cb) {
var fileFormat = (file.originalname).split(".");
cb(null, file.fieldname + "." + fileFormat[fileFormat.length - 1]);
}
});
var upload = multer({
storage: storage
})
app.post('/uploadImg', upload.single('upFile'), function (req, res) {
console.log(req.file)
if (req.file) {
// bos上傳代碼
}
});
用戶端部分
使用FormData傳輸檔案就行,取input的file對象的值即可。files[0]
let formdata = new FormData();
formdata.append('upFile', file);
let xhr = new XMLHttpRequest();
xhr.open('POST', 'http://host:port/uploadImg', true);
xhr.send(formdata);
xhr.onreadystatechange = () => {
if (xhr.readyState === 4) {
if ((xhr.status >= 200 && xhr.status < 300) || xhr.status === 304) {
let fileName = xhr.response;
} else {
alert('上傳失敗稍後重試');
}
}
}