精华内容
下载资源
问答
  • 图片无法显示
    千次阅读
    2021-06-06 15:31:48

    图片体积过大

    在vue项目中,经常使用webpack或其他打包工具,但因打包工具对图片的引入经常有大小限制,所以导致图片无法加载,一般来说,图片超过20kb就容易无法显示,此时应使用require引入方法显示图片
    如果是背景图图片,可以直接使用style添加背景图片实现

    <div class="nav" :style="'background-image: url(' + bgl + ');'">
    </div>
    export default {
      data() {
        return {
          bgl: require("../../nav.png"), //背景图
        }
      }
     }
    

    base64图片

    如果需要使用base64字符串显示图片,建议采用一下方法:

    <div class="nav">
      <img class="user-img" src="{{userImg}}" alt="" v-if="showImg">
    </div>
    export default {
      data() {
        return {
          userImg: '', //base64图片的src链接
          showImg: false,//是否显示base64图片,一开始默认不显示
        }
      },
      mounted(){
        var imgStr="";//拿到的base64字符串
        var headImgUrl = "data:image/jpg;base64," + imgStr;
    	this.userImg= headImgUrl
    	//因base64字符串过长,建议延时一会,图片才可正常
    	setTimeout(() => {
    		this.showImg: true
    	}, 300);
      }
     }
    
    更多相关内容
  • 我们设计的HTML电子邮件中如果含有图片,在一些客户端中默认无法显示图片,这种情况是ISP(邮件服务商)为保护邮箱安全设置的一种策略。下面列出几个收到的电子邮件显示的示例:示例1图示例2图示例3图这3个电子邮件的...

    我们设计的HTML电子邮件中如果含有图片,在一些客户端中默认无法显示图片,这种情况是ISP(邮件服务商)为保护邮箱安全设置的一种策略。下面列出几个收到的电子邮件显示的示例:

    20121220085120_13910.jpg

    442209.jpg

    示例1图

    442212.jpg

    442214.jpg

    示例2图

    442216.jpg

    442219.jpg

    示例3图

    这3个电子邮件的设计都非常具有视觉吸引力,然而,没有一个把图片能正常显示出来。如果用户不点击允许显示图片按钮,则无法得知邮件的内容。 EasyEDM建议您不要使用单张大图片作为电子邮件模板,应该设计成多张图片,并包含一定量的文字组而成,同时为图片标注ALT标签。

    图片的ALT标签可以在HTML代码中指定,并作为图片的描述。在这种情况下,对于上面3个例子,如果图片包含描述文字或引人注目的图片ALT标记。我想可能会吸引浏览者下载图片,并查看完整的电子邮件。

    所以,总括来说,这里有3个技巧来避免图片无法显示的情况。

    1、避免邮件是由单张的大图片组成,电子邮件包含有吸引力的文字。

    2、在电子邮件顶部增加一个外部访问的链接,提示用户如果不能正常显示可以点击链接查看网页版本。

    3、在HTML电子邮件中每个图片添加ALT标签,提升图片所要表达的内容。

    本文由EasyEDM邮件营销原创,转载请注明原文链接http://www.easyedm.com/2012/1220/184.html。

    展开全文
  • 之前一直是用PyQt5的,最近的项目由于担心开源协议的问题,开始使用PySide2,没想到在简单的图片显示上就出现了问题。 问题的表现是这样的,对于有的.jpg图片,使用PyQt5是完全可以正常显示的,但是一旦换成PySide2...

    之前一直是用PyQt5的,最近的项目由于担心开源协议的问题,开始使用PySide2,没想到在简单的图片显示上就出现了问题。
    问题的表现是这样的,对于有的.jpg图片,使用PyQt5是完全可以正常显示的,但是一旦换成PySide2就不行。

    由于后面内容较长,所以先说解决方法

    • 出现此问题可能是用于支持jpg的dll动态链接库没有加载成功;
    • 可以通过在代码中app = QApplication(sys.argv)后追加一行app.addLibraryPath(os.path.join(os.path.dirname(QtCore.__file__), "plugins"))手动添加动态链接库予以解决;
    • 【补充】在另一个项目中发现使用上述方法仍然无效,然后发现通过在app = QApplication(sys.argv)这一行之前添加一行QImageReader.supportedImageFormats()之后可以解决,原因不明。如有知晓原因者欢迎留言;
    • 【再补充】PySide2拜拜了你爷不伺候了,直接PySide6走你,以上问题都没有了。

    给出两段示例代码。
    PyQt5是没问题的:

    import sys
    
    from PyQt5.QtGui import QPixmap
    from PyQt5.QtWidgets import QApplication, QLabel
    
    app = QApplication(sys.argv)
    pixmap = QPixmap('img/cat.jpg')
    label = QLabel()
    label.setPixmap(pixmap)
    label.show()
    
    app.exec_()
    

    在这里插入图片描述
    以上图片来自网络。
    然后使用Pyside2试下:

    import sys
    
    from PySide2.QtGui import QPixmap
    from PySide2.QtWidgets import QApplication, QLabel
    
    app = QApplication(sys.argv)
    pixmap = QPixmap('img/cat.jpg')
    label = QLabel()
    label.setPixmap(pixmap)
    label.show()
    
    app.exec_()
    

    在这里插入图片描述

    可以看到窗口是空的。

    我的问题排查过程如下:

    • 首先,我去读了一下Qt的文档(我一般看C++ Qt的文档,比较详细些,API都差不多),我调用的pixmap = QPixmap('img/cat.jpg')这个方法,对应的文档地址是https://doc.qt.io/qt-5/qpixmap.html#QPixmap-2:
      在这里插入图片描述
      从文档可知,该方法的第二个参数就是图片格式。关于Qt支持的格式的详细信息,在图中红框的链接处。
    • 我点进去,文档内容如下:
      在这里插入图片描述

    文档中支持的图片格式是有jpg的,但是为啥我无法显示jpg呢?

    • 我看到文档中说可以通过QImageReader::supportedImageFormats()查看,于是我就在上面的代码中加上一行print(QImageReader.supportedImageFormats()),对于PyQt5的那段代码,输出结果是:
      [PyQt5.QtCore.QByteArray(b'bmp'), PyQt5.QtCore.QByteArray(b'cur'), PyQt5.QtCore.QByteArray(b'gif'), PyQt5.QtCore.QByteArray(b'icns'), PyQt5.QtCore.QByteArray(b'ico'), PyQt5.QtCore.QByteArray(b'jpeg'), PyQt5.QtCore.QByteArray(b'jpg'), PyQt5.QtCore.QByteArray(b'pbm'), PyQt5.QtCore.QByteArray(b'pgm'), PyQt5.QtCore.QByteArray(b'png'), PyQt5.QtCore.QByteArray(b'ppm'), PyQt5.QtCore.QByteArray(b'svg'), PyQt5.QtCore.QByteArray(b'svgz'), PyQt5.QtCore.QByteArray(b'tga'), PyQt5.QtCore.QByteArray(b'tif'), PyQt5.QtCore.QByteArray(b'tiff'), PyQt5.QtCore.QByteArray(b'wbmp'), PyQt5.QtCore.QByteArray(b'webp'), PyQt5.QtCore.QByteArray(b'xbm'), PyQt5.QtCore.QByteArray(b'xpm')]
      里面是有jpeg的。
      但是Pyside2那段代码的结果是:
      [PySide2.QtCore.QByteArray(b'bmp'), PySide2.QtCore.QByteArray(b'pbm'), PySide2.QtCore.QByteArray(b'pgm'), PySide2.QtCore.QByteArray(b'png'), PySide2.QtCore.QByteArray(b'ppm'), PySide2.QtCore.QByteArray(b'xbm'), PySide2.QtCore.QByteArray(b'xpm')]
      可以看到,里面没有jpg,难怪jpg的图片无法显示。
    • 然后我继续在网上搜索,在一个贴吧里(地址:https://tieba.baidu.com/p/7130333819)看到有贴吧大佬提示可能是dll加载异常,建议加上一行
    QtCore.QCoreApplication.addLibraryPath(os.path.join(os.path.dirname(QtCore.__file__), "plugins"))
    

    我照着做了,但是还是不行。

    • 我想看看这个路径里到底是啥东西,于是在代码里加上一行print(os.path.dirname(QtCore.__file__)),输出结果是C:\Anaconda3\envs\pytorch_py37\lib\site-packages\PySide2,这个结果其实就是anaconda环境下Pyside2的包,打开该文件夹的plugins文件夹,可以看到里面有个imageformats文件夹,里面是:
      在这里插入图片描述
      里面有一个qjpeg.dll,显然贴吧大佬说的应该就是这个dll了。
    • 同时,我在StackOverflow上(地址:https://stackoverflow.com/questions/10739758/qlabel-wont-load-a-pixmap-if-it-is-a-jpg-image)看到,加载qjpeg.dll库是通过app.addLibraryPath(path)实现的(这个老外还提到路径只需要放在plugins这一级,不要放在plugins/imageformats下),于是我改了一下贴吧大佬给出的那一行代码如下:
    app.addLibraryPath(os.path.join(os.path.dirname(QtCore.__file__), "plugins"))
    
    • 终于,PySide2成功地在QLabel中显示jpg图片了。。。。

    不知是否还有其他小伙伴也遇到了这个问题,希望能有所帮助,欢迎在评论区交流。

    参考资料:

    • https://doc.qt.io/qt-5/qpixmap.html#QPixmap-2
    • https://doc.qt.io/qt-5/qpixmap.html#reading-and-writing-image-files
    • https://tieba.baidu.com/p/7130333819#136830331399l
    • https://stackoverflow.com/questions/50209879/how-to-load-an-image-with-qlabel-in-pyside2
    • https://stackoverflow.com/questions/10739758/qlabel-wont-load-a-pixmap-if-it-is-a-jpg-image
    展开全文
  • [overleaf] 插入图片无法显示

    千次阅读 多人点赞 2021-11-11 23:19:43
    overleaf插入图片无法显示 坑爹的overleaf,我还以为是图片的路径错了,确认了n遍都是对的。 最后发现错误是打开了快速编译模式!你敢信?! 设置成常规就行了 寄!

    overleaf插入图片无法显示

    如上

    坑爹的overleaf,我还以为是图片的路径错了,确认了n遍都是对的。

    最后发现错误是打开了快速编译模式!你敢信?!

    快速编译
    设置成常规就行了

    寄!

    展开全文
  • 解决Web项目中图片无法显示问题

    千次阅读 2022-03-07 13:35:42
    在web目录下创建了images文件夹用来存放图片,在web目录再创建HTML文件,该文件中的img标签引用了images里面的图片,但是启动服务器时,页面上的图片无法显示。 解决问题 将这个文件夹单独部署到Tomcat服务器中...
  • jsp中插入图片无法显示

    千次阅读 2020-12-30 19:30:22
    项目目录如下: 在500.jsp中插入如下代码。 <...charset=UTF-8" language="java" %>...如果图片无法显示,第一种方法是将img标记为Resource Root,然后重启tomcat即可。 第二种方法是删除target文件夹,然
  • VSCode中MarkDown图片无法显示

    千次阅读 2021-06-30 18:18:30
    VSCode中MarkDown图片无法显示 这是由于 VSCode 中MarkDown默认配置中只允许载入安全内容,更改设置即可。 在MarkDown文件中输入快捷键 Ctrl + Shift + P 打开命令框,搜索MarkDown,找到更改预览安全设置。 ...
  • html绝对路径图片无法显示

    千次阅读 2021-03-05 22:19:33
    同一张图片,相对路径可以正常显示,绝对路径不行。 <p>相对路径</p><img src="unnamed.jpg" alt="相对路径"> <p>绝对路径</p><img src="D:\IdeaProjects\JavaWeb\src\main\java\...
  • laravel框架图片无法显示问题

    千次阅读 2018-10-30 17:11:45
    laravel图片无法显示问题,弄了一个下午,找了无数的原因,实在没找到为什么 最后直接把图片放在了public下面 访问路径就直接访问到public下面就可以了 路径如下 &lt;img src="{{ URL::asset('images/'.$v-&...
  • 谷歌浏览器csdn图片无法显示

    千次阅读 多人点赞 2020-11-08 14:54:33
    前排提示,博客中的图片显示,但是同样的连接放到其他浏览器比如Microsoft Edge应该就能正常显示,文章中有一些步骤截图,请将该文章链接拷贝到其他浏览器查看图片。 看了很多博客的方案都没有解决,综合一下我的...
  • Vue中引入本地图片无法显示的问题

    千次阅读 2021-01-27 10:05:02
    Vue中引入本地图片无法显示的问题 如果你在使用Vue过程中引入本地图片如: 在这里插入代码片 export default { data:{ return { src:'./assets/image/a.jpg' } } } 这种引入方式是无效的,因为Vue中的...
  • 关于Markdown图片无法显示的问题解决方法 版权声明:本文为博主原创文章,遵循CC 4.0 by-sa版权协议,转载请附上原文出处链接和本声明。 本文链接:https://blog.csdn.net/qq_41223155/article/details/89672742 ...
  • 用img标签的src属性访问跨域的图片没问题可以直接显示,但是换成本地立马就显示不出来了就变成了这样子 原代码 <img src="/static/Trump.jpg" class="image"> 十分痛苦,大致分析是项目运行时寻找的跟目录和...
  • 秀米的编辑的图片无法显示

    万次阅读 2020-04-14 10:58:19
    这样我们加载页面的时候,图片可能会无法加载。 情况1: 403 因为我们的域名和秀米的不同,所以访问的时候referrer是不被秀米允许的,就会拒绝吗,导致403 解决方法: 请求时不发送请求的域名 <meta name=...
  • vue 使用 el-image图片无法显示

    千次阅读 2020-10-19 23:41:25
    问题:在vue 项目中使用 el-image 后,在图片路径无误的情况下显示图片加载失败 <el-carousel trigger="click" :height="carouselHeight"> <el-image src="images/top1.jpg" fit="fill" style="height:...
  • stackoverflow上图片无法显示

    千次阅读 2019-06-14 17:09:23
    是因为imgur.com这个域名我们访问不了 唯一的办法就是fq
  • vant-image本地图片无法显示

    千次阅读 2020-02-14 11:22:12
    坑: 正常情况下都是这样写的,但是vant这个框架不知道怎么...文档也没有写怎么加载本地图片,到处挖坑。如图: 此处省略一万句脏话。 <van-image lazy-load width="34rem" height="8rem" fit="contain" ...
  • python爬取 下载的图片无法显示的问题 刚开始学习python爬虫,记录一下这个问题。 跟着视频写好了代码,然后找了个网站去爬图片,发现图片下载下来但是打开提示文件损坏,然后去网上找了很多没有找到。 代码: 最后...
  • uniapp图片无法显示

    千次阅读 2022-01-13 22:01:30
    首先确定是在什么环境下不展示图片,确定你的标签是<img>还是<image>,确定你是网页不展示图片还是真机模拟不展示图片,请对应问题查找方法。 一、引用本地文件中存储的图片 (1)真机环境 (2)网页环境 ...
  • 最近在用wordpress做一个网站,版本5.0.1,好好图片上传着就有一批无法正常显示了,也没有出现错误提示,编辑图片可以显示。经排查,是图片标题问题,虽然没有使用中文字符,单使用了个度的符号‘°’,修改后正常...
  • 一、README.md上传图片 1、在本地库中添加images文件夹,将需要用到的图片放入其中 2、通过命令git add . ,git commit -m"",git push,将本地库推送到远程仓库 ...二、解决图片无法显示 1、完成上述步骤
  • 今天在学习 做实例的时候 发现 img 标签里面的图片显示, 结果是路径的问题,在这写下 路径的正确写法,方便以后查阅, 路径用 \ 或者 / 表示, 但是最后 图片名的时候 必须用 / 还有 路径前面的 两个点 不能漏掉...
  • 近期线上一个项目突然,发现图片无效,显示404,打开控制台,给我报了个错, 意思,就是当前加载的资源是http,不安全所以帮我加载https的资源。 然而项目的图片没有加证书所以,就没发访问, 然后我去百度百度,...
  • 先来啰嗦几句,不想看的可以直接看教程: 最近自己开发了一个React项目,想要把...分析问题:图片在本地的当然无法显示啦,然后我就在项目目录创了个images目录,将图片存在这里,然后一起提交到github,然后将R...
  • 微信小程序图片无法显示

    千次阅读 2019-04-21 21:28:17
    前几天在做微信小程序的时候用了image标签,用了官方文档和网上所能找到的所有方法仍然无法显示图片 最后试出一种方法可以正常使用图片 使用数据绑定的方法wxml页面使用标签,标签内使用数据绑定的方法插入图片...
  • 新手前端微信小程序img图片无法显示问题

    万次阅读 多人点赞 2019-02-28 11:30:19
    最近自己在做毕设,是一个微信小程序,虽然自己有一点前端开发经验,以为小程序前端和这个差不多可以直接开撸,但是这两天被... 1:在开发者工具可以显示图片,手机预览,真机调试却看不到。 2:在最开始的ipho...
  • 错误原因:image加载的图片中含有中文字符 改正:将图片的名字改为全英文字符就可以了
  • 浏览器拦截导致图片无法显示? 情况分类 案例1:360浏览器拦截以ads(广告) 为类名、文件名的图片或div等,结果不予显示。 【截图略】 案例2:谷歌浏览器拦截以DDOS(DDOS攻击)为文件名的图片,结果不予显示...
  • 原文链接:... 用setAttribute来设置svg的image的路径,图片无法显示 要用 image.href.baseval 才会有效 var svgDoc = document.getElementById("sketchpad");var imgSVG = d...
  • excel 提示的信息为:“无法显示链接的图像。该文件可能被移动,删除或者重命名。请验证该链接是否指向正确的位置或者文件”。请问这个问题怎么解决啊。 图片是放在局域网中的服务器上面。访问服务器没有问题。

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 414,081
精华内容 165,632
关键字:

图片无法显示

友情链接: 12864并行.rar