vue2.x上傳圖片到阿里OSS伺服器
阿新 • • 發佈:2019-01-02
一、安裝node.js ----oss-SDK:
npm install ali-oss
①同步方式建立連線:
new OSS()
②非同步方式建立連線:
new OSS.wrapper()
紅框裡面的引數都是必須傳遞的 二、獲取本地的圖片:
獲取本地圖片的方法實在是太多了,這裡不做說明。
三、上傳圖片到OSS:
官網中給出上傳的方法有很多種。下面主要介紹的是client.put()方法。
①事例程式碼:
註釋://storeAs是你要上傳圖片的名稱,可以自己隨便起,也可以按照規定的需求起名稱。
// f 是你要上傳的檔案流,這個檔案在你獲取圖片的時候就拿到了。
②上傳成功:
上傳成功會有返回值,返回值裡面有你剛才上傳的圖片地址,假如後端需要你剛才上傳圖片的地址,你就可以把這個地址獲取到在傳給後端。
四、OSS提供的上傳方式有好多種比如:
上傳本地圖片:
當然還有分片上傳、流式上傳、斷點上傳。可自行到官網檢視使用方法( 更多上傳方式)