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 上传回掉