uniapp 文件上传 uni.uploadFile

最新推荐文章于 2024-08-26 10:15:57 发布

简明教程

最新推荐文章于 2024-08-26 10:15:57 发布

阅读量3.9k

点赞数

文章标签： uni-app vue.js 前端

本文链接：https://blog.csdn.net/qq_36016297/article/details/129833039

版权

该文介绍了在uniapp中如何利用uni.chooseImage选择图片，然后通过uni.uploadFileAPI进行文件上传操作，包括设置上传URL、文件路径、参数等，并展示了成功与失败的回调处理。

摘要由CSDN通过智能技术生成

在uniapp中，您可以使用uni.uploadFile和uni.downloadFile API进行文件上传和下载。以下是示例代码和说明：

uni.chooseImage({
  success: (chooseResult) => {
    const tempFilePaths = chooseResult.tempFilePaths
    for (let i = 0; i < tempFilePaths.length; i++) {
      uni.uploadFile({
        url: 'http://example.com/upload',
        filePath: tempFilePaths[i],
        name: 'file',
        formData: {
          'user_id': '1234'
        },
        success: (uploadResult) => {
          console.log('上传成功', uploadResult)
        },
        fail: (err) => {
          console.log('上传失败', err)
        }
      })
    }
  }
})

上面的代码使用uni.chooseImage方法选择一个或多个本地图片，在uni.uploadFile方法中通过传递路径，文件名称和其他表单数据直接实现文件上传。在成功或失败时，消息将通过相应的回调函数进行输出。