精华内容
下载资源
问答
  • android 手机显示图片 ios显示 android 手机显示图片 ios显示 android 手机显示图片 ios显示
  • <image class='carousel' src="/images/图片301@2x.png"></image>...电脑上显示图片,但手机上是空白的...电脑上显示图片手机上也显示图片   由此可见,微信小程序中,图片...

    <image class='carousel' src="/images/图片301@2x.png"></image>

    电脑上显示图片,但手机上是空白的

     

    <image class='carousel' src="/images/301@2x.png"></image>

    电脑上显示图片,手机上也显示图片

     

    由此可见,微信小程序中,图片名不能出现中文,图片路径不能出现中文。

    展开全文
  • 带着这个问题可能和大家解决问的步骤一样,先惊讶一番、然后去网上找各种帖子,发现压根没有说到正点上,纯属一顿乱猜,压根没有去根据现象思考为什么不能会在编辑器上显示,在手机不显示,有的还相互抄袭、、、我...

    写在前面:

    进行小程序开发的时候,突然发现一个如此诡异的问题:小程序本地图片在编辑器上能显示,在手机上不显示?带着这个问题可能和大家解决问的步骤一样,先惊讶一番、然后去网上找各种帖子,发现绝大部分帖子压根没有说到正点上,纯属一顿乱猜,没有去根据现象思考为什么不能在手机上显示,有的还相互抄袭、、、我实在看不下去了,所以就写了今天这篇帖子!文中我大致来分析了一下原因是什么?纯属个人见解,如有不对之处,欢迎各位大佬来喷!


    现象描述:

    再说一遍现象:小程序本地静态图片在编辑器上能显示,在手机上不显示?(注意:本文讲的核心是本地图片


    问题分析:

    造成这种问题99%的原因是因为图片路径不对!!!

    什么?什么?什么?路径不对?
    那你可能会问了:“为什么在编辑器上就能显示了?”
    你这个问题问的正是这篇文章要说明的。就是这么恰好让你感觉不可能发生的事情就这么变得十分可能!

    一般情况下,我们都知道,如果图片的地址路径写的不对,那无论在手机上还是在编辑器上都不能显示出来,正是这个原因,极容易让你忽略检查自己的本地图片路径的正确性。**如何解决呢?**请大佬们继续向下看:

    例子说明:

    下图是正确的图片引用路径,无数据时的图片在本地images文件夹中,
    图中代码的引用路径是:“…/…/…/images/icon-no-message.png”(这个图标一定存在);
    这种图片引用都没疑问吧!不负众望,图片正常显示了出来(注意文件层深)
    这里写图片描述

    重点部分:

    上面废话了一大堆,急死我了,终于引出了重点中的重点;
    再看一下下面这种写法,文件还是上图那个文件,下图中唯一与上图不同的地方就是图片的引用地址,
    下面这个地址是我瞎写的,很明显,我的文件目录根本没有那么深,而我却用了很多个…/…/…/…/…/、、、这时如果在手机上预览,就出现手机上图片不显示,而编辑器上正常显示。

    这里写图片描述

    问题就出现在这里
    小程序编辑器与其他编辑器在这个地方并不完全一致。小程序编辑器中:如果你一直返回上一目录,返回到根目录时直接就处于根目录,从根目录再直接寻找第一个文件夹,例如“…/…/…/…/…/…/…/images/icon-no-message.png”,正常目录层深是3层就直接找到了images文件夹,但是,如果返回的层深大于当前层深,那么默认当前处于项目目录如下图:
    这里写图片描述
    当遇到images时就是从项目目录开始寻找,这时肯定能找到,所以在编辑器中显示无误!

    顺便看一下下面这个情况,如果到达images的层深是3层(…/…/…/images),我要写成向上查找2层呢(…/…/images)?小程序编辑器也能找到吗?

    这里写图片描述

    结果很明显,无法找到啊!!!


    在线图片类似问题解决方案:

    2019-05-30更新:在线图片如果出现类似问题请查看一下是否有一下情景:
    1.小程序开发工具右上角->详情->域名、、、(编辑器上没有校验域名合法性,如下图)
    在这里插入图片描述
    2.在手机端预览小程序时,域名必须是合法的、配置在小程序管理后台的,裸露ip无法在APP端预览到。此时的现象也是:在编辑器上能图片能显示,手机上无法预览!!!(多半都是服务端问题)

    如何查看是不是这个问题导致?

    1.小程序编辑器上直接真机扫码调试:(会有日志面板弹出,可直接查看日志)
    在这里插入图片描述
    2.点击手机端小程序右上角的···按钮,开启调试(首先需成为小程序体验版用户)查看日志,如果域名问题会直接显示图片地址访问失败!

    总结:

    1.引用本地图片如果向上返回的层深大于等于该文件所在层深,那么在小程序编辑器中会正常显示;其中,大于该文件所在层深时,在手机上图片无法显示;
    2.引用图片时向上返回层深小于当前文件所在层深,图片在手机和编辑器中都不显示;


    为了能及时的将自己踩到的前端坑(包括ionic,angular,ReactNative,小程序,APICloud)分享给大家,以后会逐渐将文章转移到微信公众号:前端e家(front_e_family)。可直接扫码关注,公众号会不定期更新新文章,分享踩坑笔记!期待您的关注!
    这里写图片描述

    展开全文
  • 后台返回的图片在苹果手机不显示。在安卓手机上正常显示。 经过后端的不断测试,发现是因为苹果手机不支持webp 解决办法:后端修改数据,或者前端对数据 进行二次处理经过判断后显示页面。 百度一下webp是啥 WebP...

    做了一个钉钉小程序项目。

    明明是两张图片,但是在苹果手机上只显示一张。
    后台返回的图片在苹果手机上不显示。在安卓手机上正常显示。
    查看了一下后台返回的接口,一个是正常jpg结尾的,一个是有?后又连接字符串的。而有?连接的字符串的图片无法正常显示。

    经过后端的不断测试,发现是因为苹果手机不支持webp
    解决办法:后端修改数据,或者前端对数据 进行二次处理经过判断后显示页面。

    百度一下webp是啥

    WebP(发音:weppy)是一种同时提供了有损压缩与无损压缩(可逆压缩)的图片文件格式,派生自影像编码格式VP8,被认为是WebM多媒体格式的姊妹项目,是由Google在购买On2 Technologies后发展出来,以BSD授权条款发布。

    webp百度的支持。的确说了苹果手机不支持webp。

    当前网页浏览器当中,Google Chrome和Opera原生支持静态与动态的WebP格式,而Google Chrome自12版开始支持WebP的渐进式解码功能。此外所有可以原生播放WebM影像的浏览器,也可以透过javascript来显示WebP影像。又Pale Moon 26+浏览器仅支持静态的WebP图像。Firefox浏览器亦在65.0版本支持WebP图像。
    网页浏览器GNOME Web和KDE图片浏览器Gwenview也支持WebP。
    图像软件当中,Picasa(从3.9版本起)、PhotoLine、Pixelmator、ImageMagick、XnView、IrfanView、GDAL、Aseprite和GIMP(2.10起)皆原生支持WebP格式。
    苹果在macOS Sierra及iOS 10的早期beta版本中加入了WebP支持。而在2016年9月7日发布的iOS 10和macOS Sierra GM种子版本中却移除了WebP的支持。

    解决方法:
    把后台返回的数据。有关于webp的删掉。
    删掉这里就可以啦
    在这里插入图片描述
    这四张图片路径对应着同一张照片,但是因为后缀有webp,红色框的链接我用手机打开是看不到的。
    所以~~删掉就行!

    展开全文
  • 在活动的onCreate方法中,已经获得了图片的路径“”thePhoto“”,想让活动一创建就显示图片为什么一直显示出来 @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate...
  • 部分手机浏览器图片不显示问题

    千次阅读 2018-02-24 11:26:50
    今天做手机项目中,一个轮播...后来我发现,uc手机浏览器会过滤包含ad字符的图片路径,禁止其显示,所以给图片命名或存放图片路径时 尽量不要含有ad字符。如ad_img所以站长代码原来是这样的:12345678910111213141...

    今天做手机项目中,一个轮播图片,在其他手机浏览器没问题,但是到了UC浏览器就有问题了,经过站长逐步排查,发现UC浏览器自带了广告过滤,

    在UC浏览器设置里面将广告过滤关闭即可,但是这不是唯一解决方案。

    后来我发现,uc手机浏览器会过滤包含ad字符的图片路径,禁止其显示,所以给图片命名或存放图片路径时 尽量不要含有ad字符。如ad_img

    所以站长代码原来是这样的:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    < section  class = "ads"  style = "top: -860px;" >
         < div  class = "ad_1"  style = "height: 430px; background-size: 320px 430px;" >
         < img  src = "/Public/mobile/images/member_login/ad1.jpg"  style = "width: 320px; height: 430px;" >
         </ div >
         < div  class = "ad_2"  style = "height: 430px; background-size: 320px 430px;" >
         < img  src = "/Public/mobile/images/member_login/ad2.jpg"  style = "width: 320px; height: 430px;" >
         </ div >        
         < div  class = "ad_3"  style = "height: 430px; background-size: 320px 430px;" >
         < img  src = "/Public/mobile/images/member_login/ad3.jpg"  style = "width: 320px; height: 430px;" >
         </ div >
         < div  class = "ad_4"  style = "height: 430px; background-size: 320px 430px;" >
         < img  src = "/Public/mobile/images/member_login/ad4.jpg"  style = "width: 320px; height: 430px;" >
         </ div >
         < div  class = "ad_5"  style = "height: 430px; background-size: 320px 430px;" >
         < img  src = "/Public/mobile/images/member_login/ad5.jpg"  style = "width: 320px; height: 430px;" >
         </ div >  
              
    </ section >

    后来修改这样就显示了:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    < section  class = "ads"  style = "top: -860px;" >
         < div  class = "img_1"  style = "height: 430px; background-size: 320px 430px;" >
         < img  src = "/Public/mobile/images/member_login/img1.jpg"  style = "width: 320px; height: 430px;" >
         </ div >
         < div  class = "img_1"  style = "height: 430px; background-size: 320px 430px;" >
         < img  src = "/Public/mobile/images/member_login/img2.jpg"  style = "width: 320px; height: 430px;" >
         </ div >        
         < div  class = "img_1"  style = "height: 430px; background-size: 320px 430px;" >
         < img  src = "/Public/mobile/images/member_login/img3.jpg"  style = "width: 320px; height: 430px;" >
         </ div >
         < div  class = "img_1"  style = "height: 430px; background-size: 320px 430px;" >
         < img  src = "/Public/mobile/images/member_login/img4.jpg"  style = "width: 320px; height: 430px;" >
         </ div >
         < div  class = "img_1"  style = "height: 430px; background-size: 320px 430px;" >
         < img  src = "/Public/mobile/images/member_login/img5.jpg"  style = "width: 320px; height: 430px;" >
         </ div >  
              
    </ section >

    展开全文
  • 苹果手机不显示图片的解决方法

    千次阅读 2016-11-28 00:22:34
    苹果手机不显示图片的解决方法 给图片设置下大小就有了。。查看原文:http://newmiracle.cn/?p=508
  • 关于微信小程序不显示图片 通病可能有以下几个可能性: 非本地图片:确定图片资源存在,copy 图片url再浏览器打开,确定图片资源存在且能正常访问 本地图片:确定相对路径或者绝对路径正确 微信小...
  • 添加欢迎界面的时候,欢迎界面老是灰的(欢迎界面是一个imageview,宽高都填充屏幕了),我把layout和源文件单独复制到一个新项目中的时候,又显示正常了。检查配置文件、代码、样式都没有问题; 而且这个...
  • 解决手机UC浏览器图片不显示问题

    千次阅读 2018-04-17 19:01:08
    后来我发现,uc手机浏览器会过滤包含ad字符的图片路径,禁止其显示,所以给图片命名或存放图片路径时 尽量不要含有ad字符。如ad_img尽量不要含有ad字符! ! ! !尽量不要含有ad字符! ! ! !尽量不要含有ad字符! ! !...
  • 关于微信小程序不显示图片 通病可能有以下几个可能性: 非本地图片:确定图片资源存在,copy 图片url再浏览器打开,确定图片资源存在且能正常访问 本地图片:确定相对路径或者绝对路径正确 微信小程序图片路径,...
  • 最近使用微信JSSDK文档的拍照和相册选择图片接口,通过给img标签设置获取到的localid实现图片预览,安卓手机中可以正常显示,而iOS手机图片无法正常显示图像接口 拍照或从手机相册中选图接口 ...
  • 在一个登录页面,我使用了base64编码验证码图片,然后在小程序端显示,提交测试之前,在微信开发工具和我的手机上都是很正常的显示,今天提交测试,测试人员反馈说图片显示不出来,当时就很纳闷,base64应该没有什么...
  • 最近写移动端的页面遇到一个坑,使用chrome浏览器调试iphone6,背景图片显示完整,但是在小米手机端浏览发现图片显示不完全; 解决办法: 安卓手机和苹果手机分辨率不同,在苹果手机显示的是普通的2x图片,而...
  • 前短时间遇见的一个问题,应用中的一个activity背景图片加载上,也就是不显示。其他手机都可以,就三星的一款手机不行。 布局界面: xmlns:tools="http://schemas.android.com/tools"
  • 问题原因猜想: a.图片大小和尺寸太大出来:图片...图片路径有{-}中划线:某些浏览器或手机对含有中划线的路径【友好】,结果把图片放到上一层目录,避免类似.../year-imgs/head.png这种路径 c.图片后缀不行:...
  • #mylotterylist li { min-height: 140px; /*margin-top: 20px; padding-top: 20px;...这里我设置了背景图片...在电脑上面li的背景都可以显示出来,但是在手机上面有些li的背景就显示不出来了?请问这是什么原因?
  • 有些软件的图标在低版本手机上可以完好的显示出来,但是在8.0手机以后就无法正常显示显示为透明的android小人儿)。 以下是最简单纯粹的解决方案: <application android:allowBackup="true" android:...
  • 之前碰到一个问题 小程序的图片开发时正常 苹果机也正常,就是安卓机显示不出来,后来才发现是图片名字有空格
  • 1、这种情况一般是因为刚放进去,或者文件刚下载完,链接电脑还没有识别,耐心等待一段时间,重启手机之后,应该就可以了,(如果时间紧急请看第二条,而且,这一条里边说的时间,可能会很久,而且一定多久,我没...
  • 以前做图片保存都是自己在手机根目录下建一个自己的文件夹,保存到自己的文件夹下,今天在写一个小功能时发现当将图片保存到相册默认的路径下时,打开手机相册并不显示保存成功的图片,于是经过各种查阅和百度发现...
  • 在pc端的嵌入的html文档在线浏览时可以显示全部的图片,但是在移动端时有的图片可以显示,有的图片显示 了,查看源代码发现有的img标签有data-original属性和src属性,有的只有data-original属性没有src属性, ...
  • 点击圈圈中的图片实现上传图片的效果,引入这个背景图片在微信开发工具中都一切正常,但是在真机上就显示不出来图片。 引入图片路径也是使用的相对路径,但是不好使 下面放下代码,这样手机上就可以显示出来图片了...
  • 1.手机浏览器,不管是UC、原生浏览器、safari,显示页面都是按照320px的 2.由于现在手机的宽度都大于320px,所以,图片会模糊 3.像苹果的retina屏幕的方式学习! 先把图片做成两倍长宽的大小,然后通过css样式强制...
  • Android获取手机所有图片显示

    热门讨论 2014-10-19 21:10:42
    获取手机上的所有图片以列表的方式显示点击具体某一条进行全图显示的简单的小demo
  • 基于单片机的WIFI手机显示图像控制小车上位机源码
  • 微信小程序标签cover-image,在未设置宽高的情况下,在手机不显示,但是在微信web开发者工具上却显示。 如果我们想使图片宽高比保持一致,是图片不变形,解决方法: 在cover-image标签外放一个父容器给它设置...
  • 点击[显示进程]找到“媒体存储”(如果一下找到这个“媒体存储”可以先重启一下手机手机大部分应用就关了。重启后方便找到) 2.打开“媒体存储”—&gt;存储—&gt;删除数据、清空缓存 3.重启手机 4....
  • ionic 显示手机本地图片

    千次阅读 2017-08-16 12:05:15
    ionic中,显示图片用的标签是 这里显示android手机本地的照片,所以我觉得应该可以直接将本地的图片的地址写在src中应该可以正常显示。但是发现显示了。格式如下: ”file:///图片在手机中的地址” > 设置到这里,...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 241,956
精华内容 96,782
关键字:

为什么手机网站不显示图片