uniapp 打包app 本地图片出不来

小强9798

已于 2024-01-18 16:28:00 修改

阅读量2.7k

点赞数 2

文章标签： uni-app

于 2022-12-26 15:53:05 首次发布

本文链接：https://blog.csdn.net/l772545435/article/details/128445457

版权

1.看一下是不是分包了。

2.如果分包的话，所有static路径前，加上分包名字“/分包文件夹/static”

3.如果未分包，直接用static/路径，/static/路径

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小强9798

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

uni-app image引入本地图片不显示，以及如何动态引入本地图片

eren_yeger的博客

05-09

3852

我们在uni-app中使用image标签引入本地图片的时候，会出现引入以后本地图片不显示的情况，这是因为引入的路径不对。在uni-app中使用image 相对路径或者绝对路径必须要加上/才可以。你是不是写成了 status/img/XXX.jpg了呢。动态引入本地图片的话可以使用require，如下。

uniapp打包成App端运行在真机时，图片缺失

qq_44971069的博客

04-08

775

【代码】uniapp打包成App端运行在真机时，图片缺失。

1 条评论您还未登录，请先登录后发表或查看评论

uni-app 编译app时图片不显示

Chowhound_G的博客

08-14

206

把img改为image即可。

uniapp image图片显示问题

qq_56144522的博客

07-31

1697

1.起初是认为在uniapp开发wx小程序是不允许采用加载本地资源的问题，发现可以在css样式中引入通过background-image：url（）中可以显示出来问题，但是通过image去引入就发现图片显示不出来，报 “图片不能从本地加载”error。*在UniApp中，相对路径的解析也会受到框架的影响，因为UniApp将代码编译成小程序代码时可能会进行一些路径的转换。在小程序中，相对路径的解析可能会受到文件结构的影响，确保相对路径的正确性。在UniApp的项目结构中，将图片文件放在特定的目录（如。

解决uniapp打包h5后，图片显示不出来的问题

weixin_44431073的博客

05-17

1775

使用uniapp开发h5页面，发行后，在正式环境中图片加载不出来，但是本地是正常的。在需要使用路径的地方，这样写。

uniapp打包上传服务器后app端图片不显示

xiequanshuai的博客

09-13

913

解决办法如下：把上面的 img 标签换成 uniapp自带的image 标签。uniapp打包上传服务器后app端图片不显示。

解决uniapp打包运行在真机上时，图片无法正常显示的问题

ven_cy的博客

12-07

9278

解决uniapp程序打包运行在真机上时，图片无法正常显示的问题

关于uniapp使用v-for遍历本地图片不显示的问题

m0_63548381的博客

06-14

1197

不管是相对路径和绝对路径都可以，但是这里的绝对路径不能使用@/的形式。但是你去用的时候就会报错提示。

uniapp将微信小程序运行到真机调试 ———本地图片不显示的问题

m0_63548381的博客

11-06

3126

在image组件中使用相对路径加载本地图片资源，在微信开发者工具里面正常显示，但使用真机调试却无法显示。然后将使用代码转换的base64和使用在线图片转base64网站转换的对比了一下，发现问题。然后使用了这位老哥封装的代码，发现真机和微信开发者工具都无法显示了。之后真机成功显示出svg图标和png图片。看了这个大佬的文章发现原因所在。写死了，所以把这段代码稍作修改。

uniapp打包app自定义开屏页

01-27

在uni-app中，打包APP分为以下几个步骤： 1. 安装必要的依赖，如HBuilderX，这是uni-app的官方开发工具。 2. 使用HBuilderX打开项目，配置项目信息，如AppID、AppKey等。 3. 在项目设置中，选择需要打包的目标平台，...

uniapp 本地打包 APP - Android Studio 方式一

TaylorY的博客

05-17

443

uniapp 本地打包 - Android Studio

uniapp打包流程详细介绍

05-24

eg:云打包流程 ... 2.hbuilderx 选择发行 --> 原生app 本地打包 --> 生成本地打包app资源 3.使用 android studio build 直接选择打包成 release包，生成文件格式apk 4.发布 apk 文件包到服务器，供下载

uniapp本地打包之Android APP基座android studio我常遇见的几个问题总结

热门推荐

progrmmmm的博客

01-13

2万+

首先确定是在什么环境下不展示图片，确定你的标签是<img>还是<image>,确定你是网页不展示图片还是真机模拟不展示图片,请对应问题查找方法。一、引用本地文件中存储的图片 (1)真机环境 (2)网页环境二、引用localhost或者127的本地服务器图片 (1)真机环境 (2)网页环境三、引用本地服务器开启的端口的图片 (1)真机环境 (2)网页环境四、富文本...

uniapp打包公众号h5后，本地文件背景图片不显示问题。

记录本人工作中遇到的问题、经验总结以及分享。

06-19

1262

支持使用在 css 里设置背景图片，使用方式与普通。

初入uni-app踩坑记录（image组件绑定本地图片不显示问题）

Z.Dragon 的博客

04-07

1万+

image组件正常渲染图片地址 <image src="@/static/avatar.png" mode=""> 这种方式引用是可以正常显示的因业务需求，需要动态绑定图片资源链接，代码修改如下： <image :src="userInfo.avatar || avatar" mode=""></image> data() { return { us...

uni-app 移动端app无法显示本地图片

weixin_45753961的博客

03-11

2052

不能将本地图片放在assets文件夹，要放在static下这么写： <image :src="require('@/static/img/change.png')"></image> 测试过了，这么写，h5、小程序、app都能显示

uniapp 组件内图片显示不出来，发布H5却可以显示

荷塘粤色的专栏

05-29

368

uniapp 组件内图片显示不出来，发布H5却可以显示。检查发现组件内用<img>元素。改为<image>元素显示，正常。

uniapp 打包app

09-16

uniapp打包app的步骤如下： 1. 在HBuilderX中选择项目 -> 发行 -> 原生App-本地打包 -> 生成本地打包App资源。 2. 等待编译完成，导出路径为D:/Workspaces/HBuilderProjects/hello-uniapp/unpackage/resources/__UNI__22CF970/www。 3. 将HBuilderX导出的资源复制到assets->apps下。 4. 打开app -> src -> main -> res -> values -> strings.xml文件，修改“app_name”字段值为应用在手机桌面显示的名称，建议与manifest.json中的name字段对应。 5. 配置应用图标和启动界面。 6. 修改dcloud_control.xml文件。 7. 运行App。