uniapp编写微信小程序图片始终不显示

最新推荐文章于 2024-07-25 21:27:06 发布
最新推荐文章于 2024-07-25 21:27:06 发布
阅读量836 收藏 8
点赞数 10
文章标签： uni-app 微信小程序 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_57087617/article/details/135209995
版权

个人情况：微信小程序图片始终报错404，但是浏览器又能正常访问。经过一下排查：

1.微信开放平台配置白名单

2.后端查看是否加了防盗链

3.图片地址路径排查

最后是第三个解决了问题。。。

一定要仔细检查图片路径是否正确，尤其是要注意看里面有没有包含'\'符号，排查很久就是因为复制到浏览器，浏览器好像会自动解析反斜杠变成正斜杠，但是微信小程序这边好像不会......

记录一下，下次别大意了😔

是某某吖
关注
  • 10
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
使用uniapp编写微信小程序
06-28
暂存示例文件解构
基于uniapp微信小程序我的钱包页面
03-26
通过HBuilderX，你可以创建uniapp项目，设置微信小程序的相关配置，并进行代码编写和预览。 2. **页面结构设计**：“我的钱包”页面通常包括用户的余额展示、交易记录、充值、提现等功能。我们可以使用uniapp的Vue...
uniapp编译支付宝小程序图片图标显示问题
zilvzsy的博客
05-14 2586
记笔记，免忘记！ 一、编译后，微信小程序上图片图标显示正常，但是一到支付宝小程序图片图标显示就不正常如下图： 微信显示： 支付宝显示： 解决方案： 1，我查看了下，支付宝文档上面的并不会出现我这样的问题，https://opendocs.alipay.com/mini/component/image 最后，我查找了下自己的代码。【以下只是我这里的解决方法，并不代表所有哈】 //修改前---会出问题 <image class="icb_bg" :src="imglist.index_c_
uniapp图片预览时小程序端无法显示问题
Nio的博客
12-04 5678
参照官方demo实现了一下图片预览功能，代码如下： uni.previewImage({ current: index, urls: imageArray, longPressActions: { itemList: ['发送给朋友', '保存图片'], success: function(data) { cons...
uniapp开发微信小程序报错【本地资源图片无法通过 WXSS 获取】
qq_44741577的博客
06-21 496
先看uniapp官网对背景图片的说明。
uniapp微信小程序无法使用本地静态资源图片，背景图在真机不显示方法
我总是词不达意的博客
09-30 1万+
uniapp微信小程序背景图的显示问题。微信小程序无法使用本地静态资源图片作为背景图解决办法。
uniapp微信小程序真机图片不显示
Yui_NIE的博客
04-03 1056
不同设备可能出现部分设备显示不了图片，解决办法：图片地址直接使用，不要拼接：url=http。
uniapp将微信小程序运行到真机调试 ———本地图片不显示的问题
m0_63548381的博客
11-06 2704
在image组件中使用相对路径加载本地图片资源，在微信开发者工具里面正常显示，但使用真机调试却无法显示。然后将使用代码转换的base64和使用在线图片转base64网站转换的对比了一下，发现问题。然后使用了这位老哥封装的代码，发现真机和微信开发者工具都无法显示了。之后真机成功显示出svg图标和png图片。看了这个大佬的文章发现原因所在。写死了，所以把这段代码稍作修改。
uniapp开发微信小程序，从构建到上线
热门推荐
程邓楠的博客
06-09 5万+
本文主要介绍 uniapp 的基础使用，以及使用 uniapp 在企业开发的过程中的一个详细流程，比较适合第一次使用uniapp 开发微信小程序的伙伴，或者没有过实战经验的小伙伴参考；使用 Hbuildx 配合 Uniapp 框架结合 Uview 的UI框架为大家演示今天的Demo！......
uniapp编写微信小程序和H5遇到的坑总结
fangqi20170515的博客
08-17 4627
使用uniapp开发微信小程序的时候，发现使用来阻止事件冒泡没有作用，点击了之后发现仍然会触发父组件或者祖先组件的事件。在网上查阅，发现使用@tap.stop才能阻止事件冒泡。
uniapp写微信小程序
Mr丶·Zhou博客
05-14 1210
新建uniapp项目 --- 运行默认项目到微信小程序 --- 创建tabbar页面 --- 配置tabbar --- 写每一个页面的结构，样式和数据请求，渲染展示 --- 组件的创建和使用 --- 页面间的传值 --- uniapp插件（外部组件）的使用 --- 真机预览效果 --- 项目打包上传。在uniapp的插件市场找到你需要的插件，然后点击使用HX导入即可，然后使用方法和你自己写的组件一样，无需导入注册，直接看着插件的介绍使用即可。
uniapp转微信小程序mqtt可用完整代码示例-解决整机调试网络不通问题
04-26
标题中的“uniapp转微信小程序mqtt可用完整代码示例”表明这是一个关于使用uniapp框架将应用转换为微信小程序，并且实现了MQTT（Message Queuing Telemetry Transport）通信功能的项目。MQTT是一种轻量级的发布/订阅...
基于uniapp的微信读书商城小程序源码.zip
06-06
【标题】基于uniapp的微信读书商城小程序源码 ...通过学习和实践这个基于uniapp的微信读书商城小程序源码，开发者不仅可以深化uniapp和微信小程序的开发技能，还能掌握电商应用的开发流程，提升自己的全栈开发能力。
uniapp,微信小程序中使用 MQTT的问题
10-15
在开发基于uniapp的微信小程序时，集成MQTT通信可能会遇到一些挑战。本文将深入探讨这些问题及其解决方案，以便为开发者提供宝贵的参考。 首先，MQTT（Message Queuing Telemetry Transport）是一种轻量级的发布/...
uni-app全局文件与常用API
2301_80735340的博客
07-25 1346
超时时间，单位为ms。也就是说，在拿到设计稿后，要把稿件宽度等比缩放为750，再测量各区域的大小。下拉刷新操作，需要在 pages.json 里，找到的当前页面的pages节点，并在 style 选项中开启 enablePullDownRefresh。这段代码中我们开始了输入框，在输入框中输入内容，点击确定后，可以回调输入的内容，拿到后我们可以做些输入判断、校验之类的操作。打开后，里面有很多内置的样式变量，可以直接拿来用的，现在拿个文字颜色过来试试，注意只需要取"$“至”:" 前的内容即可。
【微信小程序实战教程】之微信小程序原生开发详解
柯晓楠
07-24 1524
在实际的项目开发中，小程序的内置组件不一定能满足所有的需求，为了实现更高效的代码复用，小程序还允许开发者自行扩充组件，这些由开发者自行设计的组件被称为自定义组件。在小程序中，每个组件都具有独立的逻辑空间，分别拥有自己的独立数据和setData方法调用。在使用自定义组件的小程序页面中，Exparser框架将接管所有的自定义组件注册和实例化。小程序的基础库中提供了Page和Component两个构造器，自定义组件使用的是Component构造器。
微信小程序之计算器
最新发布
ch_s_t的专栏
07-25 1339
data-*是微信小程序的自定义属性，由data-前缀加上自定义的属性名，自定义属性值表示要传递的数据 ，在事件处理函数中通过targert或currentTarget对象的datasett属性获取数据。
编写uniapp开发微信小程序
04-24
好的，关于编写uniapp开发微信小程序的问题，我可以提供一些参考意见。首先，要确保你已经安装了uni-app插件和微信开发者工具。其次，需要了解微信小程序的基本结构和开发流程，包括页面结构、wxml语法、样式设计和脚本编写。另外，要注意微信小程序的一些限制和规范，例如文件大小、代码运行速度等。最后，可以参考uniapp官方文档和相关视频教程，积极实践和调试，不断提高自己的开发能力。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

是某某吖

感谢大哥~

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值