ly-upload-files

使用说明

import uploadPicture from 'ly-vue-upload/src/packages/uploadPicture/uploadFrom'
export default {
 components: {
    uploadPicture
  },
}
<template>
  <uploadPicture
    uploadUrl="uploadUrl"
    token="token"
    @getFiles="getFiles"
    :limit="3"
    :maxSize="10"
    :isShowBtn="true",
    :them="theme"
    fileType="image"
    platform="local-plus-1"
  />
</template>

字段说明

uploadUrl：上传地址
theme：主题颜色，没有可以不传
token：token
getFiles: 获取图片的方法
limit: 可以选择图片的数量，不传默认为1
maxSize: 单个文件的大小限制，不传默认为5M
isShowBtn：是否显示数据选择按钮，不传默认为true
fileType：文件类型，不传默认为image
platform：平台，不传默认为local-plus-1

其他说明

本地图片、视频、音频预览时需自行调用下载方法
1、图片下载方法看参考下面的方法
 // 获取本地图片
async getLocalPreview(attId) {
  //attId 图片id
  //localPreview =  /api/common/attachment/localPreview?attId=${attId}
  let base64 = ''
  await localPreview(attId).then(async res => {
    base64 =
      'data:image/jpeg;base64,' + (await this.arrayBufferToBase64(res))
  })
  return base64
}
async arrayBufferToBase64(buffer) {
  let binary = ''
  let bytes = new Uint8Array(buffer)
  let len = bytes.byteLength
  for (let i = 0; i < len; i++) {
    binary += String.fromCharCode(bytes[i])
  }
  return window.btoa(binary)
}
2、视频/音频下载方法看参考下面的方法
async getPlay(attId) {
  //attId 视频/音频id
  // attachmentDownloadApi = /api/common/attachment/download?attId=${attId}
  await attachmentDownloadApi(attId)
    .then(res => {
      let blob = new Blob([res])
      this.playUrl = URL.createObjectURL(blob)
    })
    .catch(() => {    
    })
}