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，很好用