vue oss 上傳圖片

今天 有人問阿里雲的上傳圖片的問題。

我就去查看了下，阿里雲的上傳分爲表單上傳，普通上傳，點斷上傳（分片上傳）。

這次主要是使用普通上傳，來做上傳一個圖片功能。

第一步：你的有阿里雲賬號，然後開闢存儲空間，擁有一個區域，然後得有一個包名，當然還得有accessKeyId和accessKeySecret（id和祕鑰）。

第二步：我這項目是使用vue寫的。所以我使用npm install ali-oss 安裝ali-oss插件。

第三步：引入這個插件，請求後臺返回配置信息，就是accessKeyId和accessKeySecret以及另外一些參數，因爲保密性的原因，一般是交給後臺返回的。

第四步：使用put上傳。這裏一共有兩個參數（文件名字，文件流）。

 

代碼：

const OSS = require("ali-oss");


var client = new OSS({
    region: "oss-cn-beijing",
    endpoint: "oss-cn-beijing.aliyuncs.com", //外網域名
    accessKeyId: "accessKeyId",
    accessKeySecret: "accessKeySecret",
    bucket: "bucket"
});

client.put(name, file).then(results => {
     console.log(results);
 }).catch(err => {
     console.log(err);
 });

後面研究分片上傳的時候，發現好多有趣的事情。但是因爲阿里雲賬號是自己的就沒怎麼去試上傳了。

發現上傳的時候可以設置第三個參數，這個參數可以監聽上傳進度，回調函數，可以監聽上傳的斷點。第三個參數文檔