你的报错信息不是说了 用了一个未定义的 scroll 函数仔细检查检查
贴一下代码呗
多了个分号;
该问题是因为微信小程序的限制导致的。微信小程序的 WebView 组件不支持直接加载外部的图片资源,只能加载小程序内部的图片资源或通过网络请求动态获取图片。因此,直接在 <img>
标签的 src
属性中引用外部的图片,是无法显示的。
要解决这个问题,可以将外部的图片资源下载到本地,然后通过小程序的本地资源路径来显示图片。下面是解决问题的具体步骤:
在小程序根目录下创建一个 images
文件夹,用于存放下载的图片资源。
在小程序的 JavaScript 文件中,使用 wx.downloadFile()
方法下载外部图片,并保存到本地。以下是示例代码:
javascript wx.downloadFile({ url: 'https://img-mid.csdnimg.cn/release/static/image/mid/ask/81392551509612.png', success: function (res) { if (res.statusCode === 200) { // 下载成功,将图片保存到本地 wx.saveFile({ tempFilePath: res.tempFilePath, success: function (res) { console.log('图片保存成功,保存路径:' + res.savedFilePath); }, fail: function (res) { console.log('图片保存失败:' + res.errMsg); } }) } else { console.log('图片下载失败:' + res.errMsg); } }, fail: function (res) { console.log('图片下载失败:' + res.errMsg); } })
这样,图片就会下载到本地,并保存在小程序的临时目录中。
.wxml
文件中,使用 wx.getSavedFileList()
方法获取已经保存的图片列表。以下是示例代码:javascript wx.getSavedFileList({ success: function (res) { // 获取保存的图片列表成功 var imgList = res.fileList; // 将图片列表传递给页面进行渲染 // 渲染图片的方式可以根据实际需求进行自定义 // 例如,使用 wx:for 循环映射 imgList 数组来动态显示图片等 }, fail: function (res) { console.log('获取保存的图片列表失败:' + res.errMsg); } })
这样,就可以获取到已经保存的图片列表。
.wxml
文件中,使用保存的图片路径来显示图片。以下是示例代码:```html
```
这里的 {{savedImageUrl}}
是根据实际情况来动态渲染的,可以是保存的图片路径,或者使用 wx:for
循环来动态渲染多张图片。
通过以上步骤,就可以解决在微信小程序中无法显示外部图片的问题。请注意,使用 wx.downloadFile()
方法下载的图片会保存在小程序的临时目录中,如果需要永久保存图片,可以使用 wx.saveFile()
方法将图片保存到小程序的持久目录中。