vue上傳圖片到OSS

組件名稱：upload-to-ali

對接阿里雲-OSS，可通過環境變量配置 OSS 信息，可自定義域名，支持多選、限制文件大小、刪除、粘貼上傳功能，拖拽上傳功能，讓上傳功能更加簡單

重點說明下：對vue版本要求在2.6往上

OSS必須設置跨域

import UploadToAli from "@femessage/upload-to-ali";

Vue.use(UploadToAli);

Vue.component('upload-to-ali',UploadToAli)

<upload-to-ali
        :customDomain="OSS_CUSTOMDOMAIN()"
        @loaded="IDloaded"
        preview
        multiple="false"
        v-model="info.Idurl"
        :region="OSS_REGION()"
        :bucket="OSS_BUCKET()"
        :size="20480"
        :accessKeyId="OSS_ACCESSKEYID()"
        :accessKeySecret="OSS_ACCESSKEYSECRET()"
      ></upload-to-ali>

customDomain 參數 ：自定義域名

效果：

最後配上這個組件的文檔：https://www.npmjs.com/package/@femessage/upload-to-ali

裏邊有更多的參數和詳細的使用方法，此組件純前端實現上傳圖片到OSS，很好用