MoOss
This library was generated with Angular CLI version 13.3.0.
安装
npm i -S mo-oss -registry https://registry.npmjs.org
修改 startup.service.ts,添加接口地址
import { MoOssService } from 'mo-oss';
constructor(private moOssSrv: MoOssService) {}
async load() {
// 登录后,初始化oss服务器配置
if (this.userSrv.isLogin) {
this.moOssSrv.clear();
ossConfig = {
bucketUrl: ``,
stsUrl: ``,
isProduction: '',
prefix: ''
};
this.moOssSrv.initOssConfig(ossConfig);
}
}
添加 MoOssModule
import { MoOssModule } from 'mo-oss';
上传
<mo-oss-upload
nzAccept="image/png,image/jpeg,image/bmp,image/jpg"
[flag]="1"
[rootPath]="settingSrv.user.id"
[nzShowUploadList]="false"
[mask]="true"
(moOnChange)="moOnChange($event)"
>
</mo-oss-upload>
moOnChange(files: any){
console.log(files);
/* 打印结果
[
{
bucket: '',
servicer: '',
name: '',
size: '',
type: '',
path: '',
url: '',
base64: ,
status: ''
}
]
*/
}
获取长链接
import { MoOssService } from 'mo-oss';
constructor(private moOssSrv: MoOssService) {}
// 私有库链接
getUrl(filePath){
return this.moOssSrv.ossSignatureUrl(filePath, 1);
}
// 公有库链接
getUrl2(filePath){
return this.moOssSrv.ossSignatureUrl(filePath, 0);
}
属性说明
- nzShowUploadList
- nzDisabled
- apiOptions
- nzMultiple
- nzShowButton
- nzFileType
- nzAccept
- nzSize 默认值:0
- nzLimit 默认值:1
- nzListType 默认值:text
- nzName 默认值:file
- errorMsg 默认值:文件上传失败
- mask 上传时是否展示loading效果
- rootPath 文件上传到oss服务器的存储文件夹(可以用userid)
- flag 0 共有库; 1 私有库,默认0
needBase64 需要base64传true 默认false不返回base64
nzRemove
- nzPreview
- nzPreviewFile
- nzPreviewIsImage
- nzTransformFile
- nzDownload
nzFileListRender
moOnChange 上传回掉