微信小程序本地图片在开发工具显示手机预览不显示

小朱小朱绝不服输

于 2021-08-05 10:07:24 发布

阅读量1.8w

点赞数 2

分类专栏：微信小程序文章标签：小程序 base64

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/weixin_44052055/article/details/119408920

版权

微信小程序中，本地图片在开发工具显示正常但手机预览无法显示。问题在于`background-image`只能接受网络URL或base64编码。解决方案包括：1) 使用`image`标签直接加载本地图片；2) 将本地图片转为base64编码，通过`wx.getFileSystemManager().readFile`方法实现。转换后记得添加base64前缀。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

微信小程序在设置背景图片时，使用本地路径，手机预览无法显示。

首先检查图片的路径，是否有中文，都没有问题的时候，看插入背景图片格式采用background-image：

即：

<view class="content" style="background-image:url('../static/11.png')">

background-image 只能用网络url或者base64 . 本地图片要用image标签才行。

1.直接使用image标签

<image class='userBg' src='../../../images/my_bg.jp

最低0.47元/天解锁文章

小朱小朱绝不服输

博客等级

码龄6年

265
原创

1848
点赞

8623
收藏

5万+
粉丝

关注

私信

热门文章

分类专栏

展开全部收起

最新评论

华为机试：污染水域
开发工程师_卢刚: 上下左右扩散这种建议直接写,代码量是省了,但是可读性不高,不利于学习
华为机试：k 对元素最小值
开发工程师_卢刚: public static void main(String[] args) { Scanner in = new Scanner(System.in); int arr0Num = in.nextInt(); int[] arr0 = new int[arr0Num]; for (int i = 0; i < arr0Num; i++) { arr0[i] = in.nextInt(); } int arr1Num = in.nextInt(); int[] arr1 = new int[arr1Num]; for (int i = 0; i < arr1Num; i++) { arr1[i] = in.nextInt(); } int fetchNum = in.nextInt(); PriorityQueue<int[]> priorityQueue = new PriorityQueue<>((a, b) -> { return (arr0[a[0]] + arr1[a[1]]) - (arr0[b[0]] + arr1[b[1]]); }); int[] indexArr = {0, 0}; priorityQueue.offer(indexArr); int i = 0; int min = 0; while (i < fetchNum && !priorityQueue.isEmpty()) { i++; int[] minIndex = priorityQueue.poll(); int arr0Index = minIndex[0]; int arr1Index = minIndex[1]; min += (arr0[arr0Index] + arr1[arr1Index]);
华为机试：机智的外卖员
开发工程师_卢刚: 如果是奇数,需要考虑两种情况 public static void main(String[] args) { Scanner sc = new Scanner(System.in); int currentFloor = sc.nextInt(); int targetFloor = sc.nextInt(); if (targetFloor == currentFloor) { System.out.println(0); return; } int[] thisFloorMaxTime = new int[targetFloor]; for (int i = 0; i < currentFloor; i++) { thisFloorMaxTime[i] = currentFloor - i - 1; } for (int i = currentFloor; i < targetFloor; i++) { if ((i + 1) % 2 == 0) { thisFloorMaxTime[i] = Math.min(thisFloorMaxTime[i - 1] + 1, thisFloorMaxTime[i / 2] + 1); } else { thisFloorMaxTime[i] = Math.min(thisFloorMaxTime[(i + 1) / 2] + 2, Math.min(thisFloorMaxTime[i - 1] + 1, thisFloorMaxTime[i / 2] + 2)); } } System.out.println(Arrays.toString(thisFloorMaxTime)); }
华为机试：身高体重排序
开发工程师_卢刚: 各位注意,这个需要付费订阅才行
华为机试：最大社交距离
开发工程师_卢刚: public static void main(String[] args) { int endIndex = 10; String inputStr = "[1,1,1,1,-4,1]"; inputStr = inputStr.substring(1, inputStr.length() - 1); String[] seatActionStrArr = inputStr.split(","); int[] seatAction = new int[seatActionStrArr.length]; for (int i = 0; i < seatActionStrArr.length; i++) { seatAction[i] = Integer.parseInt(StringUtils.trim(seatActionStrArr[i])); } TreeSet<Integer> treeSet = new TreeSet<>(); for (int i = 0; i < seatAction.length; i++) { if (seatAction[i] < 0) { treeSet.remove(-seatAction[i]); continue; } if (treeSet.size() == 0) { treeSet.add(0); if (seatAction.length == 1) { System.out.println(0); } continue; } if (treeSet.size() == 1) { int end = endIndex - 1; treeS

大家在看

最新文章

目录

展开全部

收起

评论 2

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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