用uniapp编写代码，在浏览器上显示正常，在微信开发者工具里面图片加载不出来

最新推荐文章于 2024-04-21 13:27:03 发布
最新推荐文章于 2024-04-21 13:27:03 发布
阅读量332 收藏
点赞数
文章标签： uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_61781282/article/details/131112041
版权

最近尝试用uniapp编写代码，正好碰见了这个问题，左思右想的找不到问题在哪，最后经过高人指点，发现：图片的宽高不能用auto

错误示例：

height: 32px; width: auto;

正确写法：

height: 32px; width: 32px;

别问我为什么，要问就问企鹅老狗

我叫老七
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在uni-app中使用pdf.js实现在手机上打开pdf
11-04
uni-app是一个多端开发框架，它允许开发者编写一次代码，即可在iOS、Android、H5等多个平台运行。而PDF.js是Mozilla开发的一个开源项目，专门用于在浏览器中渲染PDF文档，支持多种平台和浏览器，对于uni-app这样的跨...
uniapp中使用mathJax解析数学公式
03-15
此外，使用Chrome开发者工具的移动模拟器进行调试，确保在不同设备上显示效果一致。 通过以上步骤，你就可以在uni-app项目中成功使用MathJax解析和展示数学公式了。无论是在App还是H5环境下，用户都能看到清晰、...
uniapp运行微信小程序--本地图片无法显示
a0987s的博客
04-07 6530
通过hbulder允许微信小程序，在小程序开发工具中无法显示图片 有两个原因： 1、图片高度不可以用“ % ”赋值； 2、src路径出错
uni-app 设置背景图在手机中无效
m0_50953782的博客
12-07 2375
uni-app 设置背景图在手机中无效
uniapp小程序不显示背景图片
weixin_43303415的博客
01-05 702
uniapp小程序背景图片不显示
（踩坑）uniapp image 图片不在微信小程序端显示问题
gzj32817的博客
07-26 1129
（踩坑）uniapp image 图片不在微信小程序端显示问题
uni.app记录一次分包后微信小程序图片找不到的问题！
weixin_43321726的博客
12-11 2490
1.首先在根目录下新建vue.config.js目录 2.vue.config.js里面进行编写 const path = require('path') const CopyWebpackPlugin = require('copy-webpack-plugin') module.exports = { configureWebpack: { plugins: [ new CopyWebpackPlugin([ { from: path.jo
uniapp 小程序代码
09-09
uni-app是一款由DCloud（即海豚浏览器团队）推出的多端开发框架，它允许开发者使用Vue.js语法编写一次代码，然后可以发布到iOS、Android、微信小程序、支付宝小程序、百度小程序等多个平台。uni-app的强大之处在于其...
uniapp+vue3+pinia框架（模块化+持久化存储）
06-15
uniapp 是一个基于 Vue.js 的多端开发框架，允许开发者编写一次代码，然后在多个平台上运行，包括微信小程序、支付宝小程序、H5、App等。它提供了丰富的组件库和API，简化了跨平台应用的开发流程。在uniapp中，导航...
基于uniapp 的demo
04-06
首先，uniapp是一个由DCloud（即海豚浏览器团队）开发的开源框架，它允许开发者使用Vue.js语法编写代码，然后编译成原生的Android、iOS、H5以及各种小程序平台的应用。uniapp的核心优势在于其高度的代码复用性，大大...
uniapp将微信小程序运行到真机调试 ———本地图片不显示的问题
m0_63548381的博客
11-06 2664
在image组件中使用相对路径加载本地图片资源，在微信开发者工具里面正常显示，但使用真机调试却无法显示。然后将使用代码转换的base64和使用在线图片转base64网站转换的对比了一下，发现问题。然后使用了这位老哥封装的代码，发现真机和微信开发者工具都无法显示了。之后真机成功显示出svg图标和png图片。看了这个大佬的文章发现原因所在。写死了，所以把这段代码稍作修改。
uniapp开发微信小程序 ，使用本地图片做背景图应该怎么处理
qq_43468165的博客
02-22 2502
注意，把获取可用的base64地址的方法放在computed 里面是非常必要的。如果放在methods里面初次进入这个页面时候会报错（除了首页之外）。这里就是跟methods和computed特性有关。
微信开发者工具模拟器中图片无法显示
hj3350631373的博客
06-06 4923
微信小程序开发时预览的图片无法显示
微信小程序uni.chooseImage()无效解决方案
XIAO_A_fighting的博客
12-04 2565
微信小程序在上传图片时可以通过 uni.chooseImage()方案进行上传，这里不再赘述具体参数。一直项目都可以正常使用，突然有一天发现无法使用该方法，于是查了一下，发现是用户隐私协议问题。故记录一下解决方案。大师。
HBuilderX中创建的uni-app，使用了uni-ui组件，运行到微信开发者工具，有时候内容显示不全
最新发布
听海边涛声
04-21 247
HBuilderX中创建的uni-app，使用了uni-ui组件，运行到微信开发者工具，有时候内容显示不全
uni-app运行到H5正常，但运行到小程序不正常、报错总结
菜菜的博客
09-01 7706
1.v-for中，非 h5 平台 :key 不支持表达式 index+'_' 同级多个 v-for 时 key 的值是不允许重复的，key 的绑定是不支持表达式的，需要按照以下方式处理。 // 错误的写法 <view v-for="(item, index) in list1" :key="index">{{item}}</view> <view v-for="(it...
uniapp 客户端tabBar icon图片 不显示， h5 显示正常
m0_65730686的博客
09-16 2559
uniapp 客户端tabBar icon图片 不显示， h5 显示正常
uniapp兼容小程序和H5遇见的坑
前端小白成长记
01-13 1352
uniapp兼容小程序和H5遇见的坑
Uniapp引入confont的不显示和无法上传到小程序
简单Cere
03-21 1005
uni-app 支持使用字体图标，使用方式与普通 web 项目相同，需要注意以下几点： ● 字体文件小于 40kb，uni-app 会自动将其转化为 base64 格式； ● 字体文件大于等于 40kb， 需开发者自己转换，否则使用将不生效； ● 字体文件的引用路径推荐使用以 ~@ 开头的绝对路径。 方法一 1.下载iconfont 否则上传会出现这个问题，字体文件没有被打包上传 2.修改字体路径 字体文件的引用路径推荐使用以 ~@ 开头的绝对路径 方法二 试用外部地址直接访问，删除woff和tt
uniapp上代码更新之后微信开发者工具不响应
05-31
这个问题可能是由于缓存导致的。你可以尝试以下步骤解决： 1. 在微信开发者工具中，点击菜单栏的“工具”->“清除缓存”，清除缓存后再重新启动微信开发者工具。 2. 在uniapp项目根目录下，找到“/unpackage”目录，将其删除后重新编译项目，然后再打开微信开发者工具查看是否能够响应。 如果以上两种方法都无法解决问题，可能是由于其他原因导致的。你可以检查UniApp的版本是否与微信开发者工具兼容，或者检查代码更新是否出现了错误，可以在控制台查看错误信息。如果仍然无法解决问题，建议寻求UniApp开发社区的帮助。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值