新手前端微信小程序img图片无法显示问题_微信小程序js引入图片前端不显示-程序员宅基地

最近自己在做毕设，是一个微信小程序，虽然自己有一点前端开发经验，以为小程序前端和这个差不多可以直接开撸，但是这两天被一些图片问题烦了好久。

这也是自己第一次写博客，实在太生气了，网上也没找到自己想要的结果，所以写下来记录下来，顺便让和我一样错误的人知道咋解决，笑cry，虽然真的很低级的错误。
以下是遇到的问题。
1：在开发者工具可以显示图片，手机预览，真机调试却看不到。
2：在最开始的iphone5环境里调试开发，设置的图片是定位而且定位 top:0rpx;在父级元素上的，不同环境却有空白部分。
ps:所有这些都是在建立本地开发环境上的，上线的我不知道。

然后以下是自己解决方法。
1：原来是图片名字是带有了中文，但是在开发者工具可以看到，在手机预览上却没有看到，我把它换成英文就没事了。主要是自己在阿里图标下的图片，自带中文，而自己在tab里设置的图片也是中文名字的，但是没事，一切照常显示，所以我以为这样是可以的，当然我不知道上线后会不会有改变，我的小程序目前只是在本地开发，还没有。所以总结是：image标签路径里文件名不能带有中文，不然，虽然在电脑开发能看到，手机预览看不到的（个中缘由我也不清楚）。
2：看了很久wxml,wxss，后再调试才发现是image的mode属性设置的问题，因为图片不够大，而view又比较大，mode设置的是bottom，所以在有些设备情况下，图片上面会有留白，同理，center也是。
下面再分享下自己在csdn上看到的另一个可能对新手有帮助的有关微信小程序image显示的问题的帖子吧。
原
微信小程序图片在真机不显示跳坑总结
https://blog.csdn.net/qq_35112961/article/details/78247108
em…现在再看才发现，原来里面有自己的情况啊，是自己大意了没有检查啊。

那么就总结如下吧：
1：本地开发环境下，tab里设置的图片文件名里可以带有中文名，但是在image标签里不行。
2：本地开发环境下，image标签的mode设置为bottom,center之类的不缩放显示下面图片时，如果图片不够大，父级元素又很大的时候，可能上面会有留白，即使设置了定位top:0rpx;也没用。

oh yeah 人生中第一篇博客。哈哈哈哈。。。2333

本文链接：https://blog.csdn.net/weixin_37342647/article/details/88019561

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

攻防世界 --＞ funny_video --＞最完整和正确的解答-程序员宅基地

文章浏览阅读768次，点赞2次，收藏2次。攻防世界 --> funny_video --> 最完整和正确的解答_funny_video

P3435 [POI2006]OKR-Periods of Words(KMP最短公共前后缀)_前缀后缀最短公共元素-程序员宅基地

文章浏览阅读2.3k次，点赞4次，收藏22次。传送门一个字符串sss的贡献定义为最长的真前缀(不等于原串)xxx长度使得sss是x+xx+xx+x的前缀(可以等于原串)考虑只求一个字符串的贡献,最长的xxx满足[1,n][1,n][1,n]是[1,x]+[1,x][1,x]+[1,x][1,x]+[1,x]的前缀等价于[x+1,n][x+1,n][x+1,n]是[1,x][1,x][1,x]的前缀我们要使xxx尽可能大,就要让匹配的后缀尽量小也就是需要求一个最短公共前后缀那完了啊,最长公共前后缀用kmpkmpkmp,最短咋办…别急,既_前缀后缀最短公共元素

Code First笔记_code first maxlength和stringlength-程序员宅基地

文章浏览阅读353次。EF 6 Code-First 约定约定是一组默认规则，在使用代码优先方法时，它们会根据域类自动配置概念模型。可以使用DataAnnotation或Fluent API重写这些约定。注意:EF 6不包括一对一和多对多关系的默认约定。需要使用Fluent API或DataAnnotation对它们进行配置。Schema : 默认情况下，EF将所有DB对象创建到dbo模式中。Table Name : <实体类名> + ‘s’ EF将创建一个以“s”为后缀的实体类名的DB表。例如Student_code first maxlength和stringlength

ASP.NET服务端不装Office 操作Excel NPOI 3_.net excel类库不需要安装office-程序员宅基地

文章浏览阅读2.7k次。作者：Tony QuNPOI官方网站：http://npoi.codeplex.com/ 在Excel中我们经常要设置格式，比如说日期格式（yyyymmdd）、小数点格式（1.20）、货币格式（$2000）、百分比格式（99.99%）等等，这些东西在过去我们恐怕只能在服务器端生成好，不但增加了服务器端的代码量，还造成了不必要的字符串替换操作，如今NPOI将让服务器从这种完全_.net excel类库不需要安装office

漏损分析指标定义（部分）_漏损控制夜间最小流量-程序员宅基地

文章浏览阅读2.4k次，点赞2次，收藏6次。指标定义1）最小夜间流量（MNF）（m3/h）最小夜间流量：在凌晨02:00 - 05:00 点间，最小瞬时流量。 滚动1小时最小夜间流量：当采集数据每小时大于1个，取其中最小的瞬时流量。 2）固定1小时最小夜间流量：当采集数据每小时1个时，取最小的瞬时流量。2）净夜间流量 (m3/h): 常用算法：净夜间流量 =前七天MNF平均流值-3倍前七天MNF标准差净夜间流量 = AVERAGE (MNF[7])-3*STDEVP(MNF[7]) 经验算法净夜间..._漏损控制夜间最小流量

内网渗透 - 代理篇(CobaltStrike代理)_crodstrike杀毒使用代理-程序员宅基地

文章浏览阅读5.4k次，点赞2次，收藏16次。希望你每天醒来都是阳光的，不会因为别人的几句话、几个表情和几个举止，影响自己的心情，好好生活，总会遇见美好的事。。。---- 网易云热评声明：贝塔安全实验室公众号文章来自团队核心成员和知识星球成员，少部分文章经过原作者授权和其它公众号白名单转载。未经授权，严禁转载！请勿利用文章内的相关技术从事非法测试，如因此产生的一切不良后果与文章作者及本公众号无关！本次所使用的攻击机为kali linux系统，攻击过程中涉及到的工具主要有：proxychains，nmap等。攻击的拓扑结构如下图.._crodstrike杀毒使用代理