微信小程序制作过程中

img


有谁知道这个问题怎么解决吗?烦恼几天了,希望各位帮忙解决一下,谢谢了

img

img

img

img

img

你的报错信息不是说了 用了一个未定义的 scroll 函数仔细检查检查

贴一下代码呗

多了个分号;

img

不知道你这个问题是否已经解决, 如果还没有解决的话:
  • 你可以看下这个问题的回答https://ask.csdn.net/questions/7734326
  • 这篇博客也不错, 你可以看下微信小程序在聊天中如何插入表情?
  • 您还可以看一下 千锋老师的什么是云计算? 课程中的 杨哥知识普及小课堂之 什么是云计算?小节, 巩固相关知识点
  • 除此之外, 这篇博客: 天地图实现手动绘制多边形,获取顶点位置坐标,双击弹出菜单提供删除功能中的 点击菜单删除清除该覆盖物 部分也许能够解决你的问题。
  • 以下回答由chatgpt基于相关博客总结生成:

    该问题是因为微信小程序的限制导致的。微信小程序的 WebView 组件不支持直接加载外部的图片资源,只能加载小程序内部的图片资源或通过网络请求动态获取图片。因此,直接在 <img> 标签的 src 属性中引用外部的图片,是无法显示的。

    要解决这个问题,可以将外部的图片资源下载到本地,然后通过小程序的本地资源路径来显示图片。下面是解决问题的具体步骤:

    1. 在小程序根目录下创建一个 images 文件夹,用于存放下载的图片资源。

    2. 在小程序的 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); } })

    这样,图片就会下载到本地,并保存在小程序的临时目录中。

    1. 在页面的 .wxml 文件中,使用 wx.getSavedFileList() 方法获取已经保存的图片列表。以下是示例代码:

    javascript wx.getSavedFileList({ success: function (res) { // 获取保存的图片列表成功 var imgList = res.fileList; // 将图片列表传递给页面进行渲染 // 渲染图片的方式可以根据实际需求进行自定义 // 例如,使用 wx:for 循环映射 imgList 数组来动态显示图片等 }, fail: function (res) { console.log('获取保存的图片列表失败:' + res.errMsg); } })

    这样,就可以获取到已经保存的图片列表。

    1. 在页面的 .wxml 文件中,使用保存的图片路径来显示图片。以下是示例代码:

    ```html

    img



    ```

    这里的 {{savedImageUrl}} 是根据实际情况来动态渲染的,可以是保存的图片路径,或者使用 wx:for 循环来动态渲染多张图片。

    通过以上步骤,就可以解决在微信小程序中无法显示外部图片的问题。请注意,使用 wx.downloadFile() 方法下载的图片会保存在小程序的临时目录中,如果需要永久保存图片,可以使用 wx.saveFile() 方法将图片保存到小程序的持久目录中。


如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^