VUE-阿里云OSS上传组件

根据项目需求封装的一个阿里云OSS上传组件，可进行图片上传和视频上传。

上组件代码：

-Oss组件封装使用文档

1. vscode启动项目后,安装ali-oss模块。然后在需要使用的文件中引入组件，注册并使用。（注：组件中有使用element ui，需要引用此组件的项目提供运行环境支持），示例：

1. 使用组件。示例：

组件相关参数

1. 方法

参数	说明	类型	默认值	必传
uploadType	上传的类型：image-图片，video-视频	String	image	否
showFileUrl	要显示的image/video在阿里云服务器上的地址	String	—	否
configureOSS	创建OSS实例所需的配置项： 示例：{region:'oss-cn-shenzhen',accessKeyId:'xxx',accessKeySecret:'xxx',stsToken:'xxx',timeout:'xxx',bucket:'xxx'}	Object	—	是
imgWidth	上传类型为image时，图片的宽度	String	196（仅传数值，固定px单位）	否
imgHeight	上传类型为image时，图片的高度	String	146（仅传数值，固定px单位）	否
fileName	文件上传名（在阿里云的目录地址）	String	—	是
uploadHeaders	文件上传是设置的头部请求（根据具体需求选择是否上传）	Object	—	否
videoPreview	是否开启视频预览	Boolean	false	否
cancelUpload	是否开启取消上传功能	Boolean	false	否
showProgress	是否显示上传视频的进度条	Boolean	false	否
ossSign	此次上传的标识（批量上传时用于辨别）	String	—	否

方法名	说明	备注
uploadSuccess	上传成功回调
uploadProgress	上传进度回调	同时使用多个组件时，数据可能会错乱。
uploadBefore	选择文件的触发事件	用于更新OSS示例参数
createdOSS	创建OSS实例时触发	用于监听创建的OSS数量

版本：1.0.0

说明：初始版本，后面会陆续补充和优化内容。

实际应用中，发现短时间内可触发上传按钮两次，可能会创建出两个实例，因此补充获取组件创建上传实例的方法：getVal()，具体使用如下：

在调用组件的父级页面：

然后获取子组件的创建实例情况：

注：上传视频完成会销毁对应的OSS实例，所以client不为空的及存在实例数。

版本：1.0.1

说明：优化了OSS实例创建规则，增加了OSS实例数获取方式。