uniapp上传文件并获取上传进度

1. 上传普通文件

uni.chooseMessageFile({
            count: 1,
            success: (res) => {
                console.log(res)
                console.log("res123456", res.tempFiles[0].path)
                const uploadTask = uni.uploadFile({
                    url: 'http://localhost:8000/demo',
                    filePath: res.tempFiles[0].path,
                    name: 'file',
                    formData: {
                        name: "zhangsan",
                        age: 18
                    },
                    success: (res) => {
                        console.log("res123456", res.data)
                    },
                    fail: (err) => {
                        console.log("err", err)
                    }
                })

                uploadTask.onProgressUpdate(res => {
                    console.log('上传进度' + res.progress);
                    console.log('已经上传的数据长度' + res.totalBytesSent);
                    console.log('预期需要上传的数据总长度' + res.totalBytesExpectedToSend);
                })
            }
        })

2. 上传图片

uni.chooseImage({
            count: 1,
            sizeType: ['original', 'compressed'],
            sourceType: ['album', 'camera'],
            success: (res) => {
                console.log("res123456", res.tempFilePaths)
                const uploadTask = uni.uploadFile({
                    url: 'http://localhost:8000/demo',
                    filePath: res.tempFilePaths[0],
                    name: 'file',
                    formData: {
                        name: "zhangsan",
                        age: 18
                    },
                    success: (res) => {
                        console.log("res123456", res.data)
                    },
                    fail: (err) => {
                        console.log("err", err)
                    }
                })

                uploadTask.onProgressUpdate(res => {
                    console.log('上传进度' + res.progress);
                    console.log('已经上传的数据长度' + res.totalBytesSent);
                    console.log('预期需要上传的数据总长度' + res.totalBytesExpectedToSend);
                })
            }
        })

参考文档

相关推荐

  1. uniapp文件获取进度

    2024-07-10 15:56:02       12 阅读
  2. uniapp APP 文件

    2024-07-10 15:56:02       22 阅读
  3. uniapp文件api如何使用

    2024-07-10 15:56:02       47 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-10 15:56:02       5 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-10 15:56:02       5 阅读
  3. 在Django里面运行非项目文件

    2024-07-10 15:56:02       4 阅读
  4. Python语言-面向对象

    2024-07-10 15:56:02       5 阅读

热门阅读

  1. C++继承

    C++继承

    2024-07-10 15:56:02      8 阅读
  2. ArcGIS Pro SDK (八)地理数据库 2 定义

    2024-07-10 15:56:02       10 阅读
  3. 面试题 12. 矩阵中的路径

    2024-07-10 15:56:02       13 阅读
  4. 算法整理——【贪心算法练习(2)】

    2024-07-10 15:56:02       13 阅读
  5. RK3588开发笔记-ES8311音频芯片调试记录

    2024-07-10 15:56:02       9 阅读
  6. Selenium 等待

    2024-07-10 15:56:02       9 阅读