天天看點

使用百度雲對象存儲BOSnodejs上傳檔案

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('上傳失敗稍後重試');
          }
      }
  }      

總結

參考連結

繼續閱讀