uniapp开发 微信小程序 本地资源图片无法通过 WXSS 获取，可以使用网络图片，或者 base64，或者使用image标签。

已于 2022-09-22 09:28:49 修改
阅读量2.2k 收藏 5
点赞数 7
分类专栏： uni-app 文章标签： 微信小程序 uni-app 小程序
于 2022-09-21 15:51:11 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/w161513820/article/details/126974239
版权

报错信息在这里插入图片描述
解决办法
1.可以把图片转换为base64使用 转换地址https://tool.chinaz.com/tools/imgtobase/
在这里插入图片描述
在这里插入图片描述
2.把图片上传到服务器后 使用网络图片地址
在这里插入图片描述

3.可以使用image标签定位在view下面
在这里插入图片描述

在这里插入图片描述
写的不好，如果有疑问或者有问题的地方可以在下面留言

芒果大胖砸
关注
  • 7
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
wxss无法使用本地图片 uniapp do-not-use-local-path
IT匠人的博客
10-21 3389
微信小程序使用background-image没有图片显示 报错信息：图片-do-not-use-local-path pages/index/index.wxss 中的本地资源图片无法通过 WXSS 获取 解决方法：可以使用网络图片，或者 base64，或者使用标签。 .container { display: flex; background-repeat:no-repeat; background-image: url('../../images/user_bg.jpg'
uni-app（小程序）背景图片的处理
小又夫的博客
12-05 9096
做基于uni-app的微信小程序的时候，遇到了一点问题，uni-app（小程序）背景图片的处理一直报错。 背景怎么引用本地图片 想要为<view>标签添加一个背景，常规做法： 然后就报错啦：本地资源图片无法通过WXSS获取，可以使用网络图片，或者base64,或者使用<image/>标签 解决方案按照报错信息也给出来了： 使用网络图片，找个图床把你要用的图片传上去，然后以...
uniapp开发微信小程序报错【本地资源图片无法通过 WXSS 获取】
最新发布
qq_44741577的博客
06-21 459
先看uniapp官网对背景图片的说明。
【uniapp】本地资源图片无法通过 WXSS 获取，可以使用网络图片，或者 base64，或者使用image标签
cc蒲公英的博客
11-21 1231
【uniapp】本地资源图片无法通过 WXSS 获取，可以使用网络图片，或者 base64，或者使用image标签
微信小程序 本地资源图片无法通过 WXSS 获取，可以使用网络图片，或者 base64，或者使用image标签
qq_37160082的博客
09-02 3451
将绝对地址转换为base64编码的地址放在background-image:url('----');中即可 https://blog.csdn.net/zmzwll1314/article/details/84976233
小程序解决“本地资源图片无法通过 WXSS 获取，可以使用网络图片，或者 base64，或者使用＜image/＞标签。”错误
培根芝士的专栏
06-03 4395
报错信息： 　　VM696:2 pages/user/user.wxss 中的本地资源图片无法通过 WXSS 获取，可以使用网络图片，或者 base64，或者使用<image/>标签
uniapp开发微信小程序报错：本地资源图片无法通过 WXSS 获取，可以使用网络图片，或者 base64，或者使用「image/」标签
小阿兜的博客
07-08 3163
微信小程序不能使用background-image问题解决。 解决办法： 1.将图片bg3.jpg 转换为base64，转换地址http://tool.chinaz.com/tools/imgtobase，不行的话，网上自行搜索 图片转Base64，在这里把要使用的图片转换一把，然后将得到的字符放到background-image属性值中，如下图，不过这个字符串也太长了点 2.在背景图片中，使用图片的网络路径，可将图片上传至https://imgchr.com/，然后获取图片URL地址，填入代码中 这样
微信小程序中-[渲染层网络层错误] pages/card/card.wxss 中的本地资源图片无法通过 WXSS 获取-解决办法
热门推荐
qq_45829293的博客
05-25 50万+
1、报错原由 微信小程序使用background-image运行时报错 pages/index/index.wxss 中的本地资源图片无法通过 WXSS 获取，可以使用网络图片，或者 base64，或者使用标签。 小程序样式中不允许小程序路径 2、解决方法 1. 使用图片的网络路径 background:url('http://1812.img.pp.sohu.com.cn/images/blog/2009/11/18/18/8/125b6560a6ag214.jpg'); 2. base64 将图
微信小程序图片裁剪demo
02-22
在微信小程序中，我们可以通过`wx.createSelectorQuery()`选择Canvas元素，然后使用`getContext('2d')`获取2D绘图上下文。在2D绘图上下文中，可以使用`drawImage()`方法将图片绘制到Canvas上，并通过`clip()`定义...
微信小程序实现图生图（AI动漫特效）效果代码（触站API）uniapp带demo版
06-06
在本文中，我们将深入探讨如何使用微信小程序和uniapp框架实现图生图（AI动漫特效）功能。这个项目是基于触站API，它允许开发者利用人工智能技术为用户提供趣味的动漫风格图片转换服务。我们将详细讲解相关知识点，...
微信小程序聊天界面(可以发送表情、视频、图片)
11-07
图片的显示可以使用微信小程序的“<image/>”组件，支持懒加载和预览功能。 7. 事件处理： 每个功能的触发都需要绑定相应的事件处理器，例如点击发送按钮触发消息发送，点击表情选择器打开表情面板，滑动消息列表...
微信小程序学习用demo：XX周期；添加本地图片，选择日期
05-04
2. **图片处理**：`wx.getImageInfo`接口可以获取图片的尺寸信息，而`wx.resizeImage`接口则可以对图片进行裁剪和缩放，以便适应小程序的显示需求。如果需要上传到服务器，通常需要将图片转为Base64编码或者进行压缩...
微信小程序开发背景图显示功能
11-30
这两天开发微信小程序，在设置背景图片时，发现在wxss里面设置 background-image:(url) 属性，不管是开发工具还是线上都无法显示。经过查资料发现，background-image 只能用网络url或者base64图片编码 ， 本地图片...
微信小程序如何处理图片
小程序开发
07-03 652
方法获取了图片信息。然后，我们根据缩放比例计算出新图片的大小，并使用。方法将原始图片缩放到指定大小。一旦新图片生成成功，我们使用。处理图片的例子，我们首先获取了图片的路径，并使用。方法将其保存到用户的相册中。
微信小程序 - “本地资源图片无法通过WXSS 获取，可以使用网络图片，或者 base64，或者使用标签” 解决
王佳斌
07-29 8751
报错过程 index.wxml <view class="bg"></view> index.wxss .bg { background:url('/images/banner/one.jpg') } 然后就报错了： 具体不知道微信为什么做出这样的限制，但是有 三种办法 可以解决，具体请继续看。 第一种 可把图片上传放在 CSDN 文章内，然后 F12 拿到图片地址。 最简单，直接使用网络图片的 绝对路径（http://xxx），具体实现如下： index.wxml &
微信小程序报错：[渲染层网络层错误] pages/main/main.wxss 中的本地资源图片无法通过 WXSS 获取，可以使用网络图片，或者 base64，或者使用＜image/＞标签--解决办法
qq_44934339的博客
02-14 4455
项目场景： 项目场景：当向微信小程序中插入图片时报错，显示本地资源图片无法通过 WXSS 获取 报错如下： 问题描述： 项目中代码描述： .content{ font-family: 微软雅黑，宋体; font-size: 14px; /* background-size: cover; */ height: 100%; width: 100%; background-image: url("../assets/img/1.png"); color: #FFFFFF; }
微信小程序在使用background-image设置背景图时报错：渲染层网络层错误
fangqi20170515的博客
10-18 1539
将image标签通过定位实现背景图的效果。
微信小程序在.wxss中设置背景图片时报错提示：.wxss 中的本地资源图片无法通过 WXSS 获取，可以使用网络图片，或者 base64，或者使用image标签。
美奇软件开发工作室
10-21 2086
遇到情况： 直接在.wxss中使用本地图片为view设置背景图片，代码如下： /* pages/user/user.wxss */ .top{ width:500px; height:200px ; background-image: url(../../images/bg.png); } 报错提示： 会出现如上问题，微信小程序不能用CSS的方法加载本地图片，比如back...
微信小程序本地资源图片无法通过wxss获取
07-14
是的，微信小程序中无法直接通过 WXSS（样式文件）来引用本地资源图片。WXSS 主要用于样式定义，无法直接引用本地图片路径。 如果您需要在小程序中使用本地资源图片，可以通过以下方式进行处理： 1. 将图片放置在...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值