使用 u-upload 组件上传文件时,默认使用 POST 方法上传文件,可以使用自定义的方法实现文件流上传。具体实现步骤如下:

  1. 标签中添加属性 custom-upload,值为方法名称,表示使用自定义的上传方法。

  2. 在 methods 中添加自定义的上传方法,方法名与 custom-upload 的值相同。

  3. 在自定义的上传方法中,使用 uni.uploadFile 方法上传文件流,指定上传方法为 PUT。

示例代码如下:

<template>
  <u-upload :custom-upload="customUpload"></u-upload>
</template>

<script>
export default {
  methods: {
    customUpload(file) {
      uni.uploadFile({
        url: 'https://example.com/upload',
        filePath: file.path,
        name: 'file',
        method: 'PUT',
        success(res) {
          console.log(res.data)
        },
        fail(err) {
          console.log(err)
        }
      })
    }
  }
}
</script>

其中,customUpload 方法接收一个参数 file,表示要上传的文件信息,包括文件路径、大小等信息。在方法中,使用 uni.uploadFile 方法上传文件流,指定上传方法为 PUT,上传成功后打印返回的数据或错误信息。

uniapp u-upload 这个组件 怎么上传 指定 put 文件流上传呢

原文地址: https://www.cveoy.top/t/topic/Z5h 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录