1. 程式人生 > >vue2.x上傳圖片到阿里OSS伺服器

vue2.x上傳圖片到阿里OSS伺服器

一、安裝node.js ----oss-SDK:

    npm install ali-oss

    ①同步方式建立連線:

    new OSS()    

    ②非同步方式建立連線:

    new OSS.wrapper()
 紅框裡面的引數都是必須傳遞                                                                                                       

二、獲取本地的圖片:

       獲取本地圖片的方法實在是太多了,這裡不做說明。

三、上傳圖片到OSS:

    官網中給出上傳的方法有很多種。下面主要介紹的是client.put()方法。

    ①事例程式碼:

        

   註釋://storeAs是你要上傳圖片的名稱,可以自己隨便起,也可以按照規定的需求起名稱。

            // f 是你要上傳的檔案流,這個檔案在你獲取圖片的時候就拿到了。

    ②上傳成功:

        上傳成功會有返回值,返回值裡面有你剛才上傳的圖片地址,假如後端需要你剛才上傳圖片的地址,你就可以把這個地址獲取到在傳給後端。

四、OSS提供的上傳方式有好多種比如:

   上傳本地圖片:     

當然還有分片上傳、流式上傳、斷點上傳。可自行到官網檢視使用方法( 更多上傳方式