uni-app设置动态图片 :src=''无效

在uni-app中，使用`:src`绑定动态图片时，如果无效的话，可能有以下几个原因：

1. 路径问题：请确保图片路径正确，并且相对于当前页面或组件的位置。可以使用相对路径或绝对路径。

2. 图片资源问题：检查图片资源是否存在，路径是否正确。可以尝试使用其他图片资源进行测试。

3. 数据绑定问题：确保`:src`绑定的数据正确，是否是一个字符串类型的图片路径。

4. 其他问题：可能存在其他代码或插件冲突导致`:src`无效。可以尝试在空白项目或新建页面中进行测试，以确定是否是特定页面或组件的问题。

如果以上方法都无效，可以尝试使用`v-bind`指令替代`:src`来绑定动态图片，还可以查看uni-app的文档或社区中是否有相关解决方案。

相关问题

<template v-for="(file, j) in item.icon"> <uni-file-picker v-if="file.fileType == 'image'" :value="file" :file-mediatype="file.fileType" :imageStyles="imageStyles" readonly></uni-file-picker> <uni-link v-else :href="file.url" :text="file.url"></uni-link> </template> 如何把这段代码和云数据库里的图片展示出来

要展示云数据库里的图片，你需要先将云数据库中的图片信息加载到前端，然后在该代码段中使用加载后的图片信息来展示图片。以下是一个参考实现：

1. 在 `script` 标签中，使用 `uniCloud.callFunction` 方法调用云函数，获取云数据库中的图片信息：

uniCloud.callFunction({
  name: 'getFiles', // 云函数名称
  data: {
    collectionName: 'files', // 数据库集合名称
    fileType: 'image' // 文件类型为图片
  },
  success(res) {
    // 获取成功，将图片信息保存到 data 中
    this.files = res.result.data
  },
  fail(err) {
    console.error(err)
  }
})

2. 在 `template` 标签中，使用 `v-for` 指令循环展示每个图片：

<template v-for="(file, j) in files">
  <uni-file-picker v-if="file.fileType == 'image'" :value="file" :file-mediatype="file.fileType" :imageStyles="imageStyles" readonly></uni-file-picker>
  <uni-link v-else :href="file.url" :text="file.url"></uni-link>
</template>

这样，你就可以将云数据库中的图片展示在前端页面中了。请注意，以上代码仅供参考，具体实现可能需要根据你的实际需求进行适当修改。

<template v-for="(file, j) in item.icon"> <uni-file-picker v-if="file.fileType == 'image'" :value="file" :file-mediatype="file.fileType" :imageStyles="imageStyles" readonly> </uni-file-picker> <uni-link v-else :href="file.url" :text="file.url"></uni-link> </template>如何把图片展示出来

在这段代码中，使用了 `v-for` 遍历 `item.icon` 数组中的每一个元素 `file`，其中 `file` 代表数组中的每一个对象，包含了文件的一些属性信息，如文件类型、文件地址等。

如果 `file.fileType` 的值为 `'image'`，则通过 `uni-file-picker` 组件来展示图片。`uni-file-picker` 是一个文件选择器组件，用于选择文件，并将选择的文件展示出来。

在这里，我们可以通过设置 `:value="file"` 将 `file` 对象传递给 `uni-file-picker` 组件，以便展示该文件。同时，设置 `:file-mediatype="file.fileType"` 来指定文件类型为图片类型，这样组件会自动展示图片预览。

最后，通过设置 `:imageStyles="imageStyles"` 来指定图片样式，这里的 `imageStyles` 是一个对象，用于设置图片的样式信息，如宽度、高度等。

如果 `file.fileType` 的值不为 `'image'`，则通过 `uni-link` 组件来展示文件地址。在这里，通过设置 `:href="file.url"` 来指定链接地址，`:text="file.url"` 来设置链接文本，即展示文件地址。