upload组件自定义上传 文档没案例 请提供一个 配合form组件验证

[luotingv1]

• I have searched the issues of this repository and believe that this is not a duplicate.

What problem does this feature solve?

upload组件需要上传到腾讯云 只用用自定义上传customRequest

What does the proposed API look like?

customRequest案例

[dustdu]

我用的阿里云，应该差不多吧

    customRequest({ onSuccess, onError, file }) {
      const primaevalName = file.name
      const name = primaevalName.slice(0, primaevalName.lastIndexOf('.'))
      const suffix = primaevalName.slice(
        primaevalName.lastIndexOf('.'),
        primaevalName.length
      )
      const date = new Date()
      const fileName = `${name}_${date.getTime()}${suffix}`

      this.aliOSSClient
        .multipartUpload(fileName, file, {})
        .then(results => {
          let fileUrl = ''
          if (results.url) {
            fileUrl = results.url
          } else if (results.res.requestUrls) {
            const result = results.res.requestUrls
            if (result[0].indexOf('?') !== -1) {
              fileUrl = result[0].slice(0, result[0].indexOf('?'))
            } else {
              fileUrl = result[0]
            }
          }
          onSuccess(fileUrl)
        })
        .catch(() => {
          onError()
          this.$message.error(this.$t('public.uploadFailed'))
        })
    }

[mescab]

我用的阿里云，应该差不多吧

    customRequest({ onSuccess, onError, file }) {
      const primaevalName = file.name
      const name = primaevalName.slice(0, primaevalName.lastIndexOf('.'))
      const suffix = primaevalName.slice(
        primaevalName.lastIndexOf('.'),
        primaevalName.length
      )
      const date = new Date()
      const fileName = `${name}_${date.getTime()}${suffix}`

      this.aliOSSClient
        .multipartUpload(fileName, file, {})
        .then(results => {
          let fileUrl = ''
          if (results.url) {
            fileUrl = results.url
          } else if (results.res.requestUrls) {
            const result = results.res.requestUrls
            if (result[0].indexOf('?') !== -1) {
              fileUrl = result[0].slice(0, result[0].indexOf('?'))
            } else {
              fileUrl = result[0]
            }
          }
          onSuccess(fileUrl)
        })
        .catch(() => {
          onError()
          this.$message.error(this.$t('public.uploadFailed'))
        })
    }

请问如何实现进度显示和展示已上传的文件列表呢？谢谢！

[github-actions]

This issue is stale because it has been open 60 days with no activity. Remove stale label or comment or this will be closed in 7 days

[bunnyxt]

我用的阿里云，应该差不多吧

    customRequest({ onSuccess, onError, file }) {
      const primaevalName = file.name
      const name = primaevalName.slice(0, primaevalName.lastIndexOf('.'))
      const suffix = primaevalName.slice(
        primaevalName.lastIndexOf('.'),
        primaevalName.length
      )
      const date = new Date()
      const fileName = `${name}_${date.getTime()}${suffix}`

      this.aliOSSClient
        .multipartUpload(fileName, file, {})
        .then(results => {
          let fileUrl = ''
          if (results.url) {
            fileUrl = results.url
          } else if (results.res.requestUrls) {
            const result = results.res.requestUrls
            if (result[0].indexOf('?') !== -1) {
              fileUrl = result[0].slice(0, result[0].indexOf('?'))
            } else {
              fileUrl = result[0]
            }
          }
          onSuccess(fileUrl)
        })
        .catch(() => {
          onError()
          this.$message.error(this.$t('public.uploadFailed'))
        })
    }

请问如何实现进度显示和展示已上传的文件列表呢？谢谢！

使用onProgress({ percent: 10 })

[github-actions]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.