Taro中如何调用原生相册并获取选中的图片路径？

程序员翼杨提问于 2026-02-16 21:20:25 阅读 10

框架

在开发小程序时遇到了一个奇怪的问题，按照文档用了Taro.chooseImage调用相册，但选好图片后返回的临时路径在真机上显示不出来。我尝试过用Image组件直接展示，但图片一直是加载失败状态。

具体代码是这样的：


Taro.chooseImage({
  count: 1,
  success: (res) => {
    this.setState({ imagePath: res.tempFilePaths[0] })
  }
})

在模拟器里看到路径是/storage/emulated/0/tencent/MicroMsg...jpg，但真机调试时控制台报错“Failed to load resource: net::ERR_FILE_NOT_FOUND”。已经检查过网络权限配置了，实在想不通问题出在哪里。

Taro

我来解答赞 2 收藏

反馈

2 条解答

Mc.天硕 Lv1

真机上用 Taro.chooseImage 返回的临时路径确实可能会有问题，主要是因为小程序的沙盒机制。你需要用 Taro.getFileSystemManager().readFile 把图片转成 base64 再显示，或者直接上传到服务器返回一个可用的 URL。

试试看这样改：

Taro.chooseImage({

  count: 1,

  success: (res) => {

    const tempFilePath = res.tempFilePaths[0];

    Taro.getFileSystemManager().readFile({

      filePath: tempFilePath,

      encoding: 'base64',

      success: (fileRes) => {

        this.setState({ imagePath: 'data:image/jpeg;base64,' + fileRes.data });

      }

    });

  }

});

如果还是不行，直接上传到你的服务器或者云存储，拿到线上地址再展示，别折腾本地路径了，太不靠谱。

2026-02-19 20:11

Mc.兰兰 Lv1

你遇到的问题其实是个常见的坑，主要是因为小程序的临时路径在真机上是有作用域限制的，直接用原生组件加载可能会失败。解决这个问题的关键是把临时路径转换成可以长期使用的文件路径。

你需要用 Taro.saveFile 把选中的图片保存到本地，然后再使用返回的本地路径。代码改一下，像这样：

Taro.chooseImage({

  count: 1,

  success: (res) => {

    const tempFilePath = res.tempFilePaths[0]

    Taro.saveFile({

      tempFilePath: tempFilePath,

      success: (saveRes) => {

        const savedFilePath = saveRes.savedFilePath

        this.setState({ imagePath: savedFilePath })

      },

      fail: (err) => {

        console.error('保存图片失败', err)

      }

    })

  }

})

这里的关键点是，tempFilePath 只是个临时路径，在真机上可能很快失效，而 savedFilePath 是一个持久化路径，可以在小程序里正常使用。

还有一点要注意，调用 Taro.saveFile 的时候，确保你的小程序有足够的存储权限，尤其是在安卓设备上。如果用户拒绝了权限申请，保存也会失败。

最后吐槽一句，这种问题真的很容易让人抓狂，官方文档居然没重点提这个限制，真是程序员的日常踩坑现场了。

2026-02-16 22:02