nsc-lightbox v1.2.32

<<<<<<< HEAD

Install

  npm install nsc-uploader

文件上传

文件先上传至阿里云

控制文件显示顺序与文件原始顺序一致

上传控制

限制文件大小、数量、格式

文件拖拽排序，上传完成后可以支持拖拽排序

文件展示

初始化时显示已上传的文件列表 显示原始文件名，可以切换展示样式，grid或list

API

getOssParams

let STS_TOKEN = null
getUploadClientParams = (token) => {
  return {
    accessKeyId: token.AccessKeyId,
    accessKeySecret: token.AccessKeySecret,
    stsToken: token.SecurityToken,
    region: OSS_ENDPOINT,
    bucket: OSS_BUCKET
  };
}

getOssParams = () => {
  return new Promise((resolve, reject) => {
    if (!STS_TOKEN || (STS_TOKEN && (new Date(STS_TOKEN.Expiration) < Date.now()))) {
      attachmentAPI.getSTSToken().then(r => {
        if (r) {
          STS_TOKEN = r
          resolve(getUploadClientParams(STS_TOKEN))
        } else {
          reject()
        }
      })
    } else {
      resolve(getUploadClientParams(STS_TOKEN))
    }
  })
}

fileErrorMsg

自定义文件大小、格式、数量错误提示信息

  {
    fileExtensionErrorMsg: '', //文件格式错误提示信息
    fileSizeErrorMsg:'' , //文件过大提示信息
    fileNumerErrorMsg: '' //文件数量过多提示信息
  }

onFileChange

文件列表状态改变的回调，调用这个函数，刷新文件列表。

返回为：

{
  file:{/* ... */ }, //当前的文件对象
  fileList: [ /* ... */ ] ，//当前的文件列表
}

radioItems

自定义单选组合,格式为：

[
  { key:'picture-card',value:'网格' },
  { key:'text',value:'列表' },
  { key:'picture',value:'图片列表' },
]

=======

nsc-lightbox

文件预览、批注

3375405fe96e5162c7a596be87617023f61312ee