精华内容
下载资源
问答
  • 经过分析,发现网页中存在类似如下的代码: ...也就是说图片存在则显示 pic.gif,图片不存在将显示 noPic.gif。但问题来了,如果 noPic.gif 也不存在,则继续触发 onerror,导致循环,故出现错误。 说明:如果图片

    经过分析,发现网页中存在类似如下的代码:

    <img src="pic.gif" οnerrοr="javascript:this.src='/noPic.gif';" alt="pic" />

    分析:特别注意 onerror,当图片不存在时,将触发 onerror,而 onerror 中又为 img 指定一个 NoPic.gif 图片。也就是说图片存在则显示 pic.gif,图片不存在将显示 noPic.gif。但问题来了,如果 noPic.gif 也不存在,则继续触发 onerror,导致循环,故出现错误。

    说明:如果图片存在,但网络很不通畅,也可能触发 onerror。

    解决方法:

    第一种::.去掉 onerror 代码;或者更改 onerror 代码为其它;或者确保 onerror 中的图片足够小,并且存在。

    第二种:

    <script type="text/javascript">

    <!–

    function nofind(){

    var img=event.srcElement;

    img.src="http://www.cnblogs.com/sys/common/image/fileoperation/icon/default.gif";

    //也能是:img.src="${pageContext.request.contextPath}/static/img/small-sina.ico";

    img.οnerrοr=null;// 控制不要一直跳动

    }

    //–>

    </script>

    <td align="center"><img src="http://www.cnblogs.com/sys/common/image/fileoperation/icon/${file.suffix }.gif" οnerrοr="nofind();" />${file.name }</td>

    展开全文
  • 绝对路径两张图片都能看到 相对路径一张可以显示 另一张显示404 not found 图片名和地址绝对没有打错。。。。。请问这是什么原因呢
  • Android图形显示系统——一张图片显示流程

    万次阅读 多人点赞 2016-01-20 23:56:45
    Android设备上一张图片显示过程应用示例假如我们现在有一张这样的风景照 想在Android设备(比如一个小米pad)上显示出来。首先想到的是写一个应用,用一个ImageView,把这张照片附到ImageView上显示,如下面的...

    Android设备上一张图片的显示过程

    应用示例

    假如我们现在有一张这样的风景照
    风景
    想在Android设备(比如一个小米pad)上显示出来。首先想到的是写一个应用,用一个ImageView,把这张照片附到ImageView上显示,如下面的demo。
    App

    MainActivity.java

    package com.example.pictureshow;
    
    import android.app.Activity;
    import android.os.Bundle;
    import android.view.Menu;
    import android.view.MenuItem;
    
    public class MainActivity extends Activity {
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
        }
    }

    activity_main.xml:

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:paddingBottom="@dimen/activity_vertical_margin"
        android:paddingLeft="@dimen/activity_horizontal_margin"
        android:paddingRight="@dimen/activity_horizontal_margin"
        android:paddingTop="@dimen/activity_vertical_margin"
        tools:context="com.example.pictureshow.MainActivity" >
    
        <ImageView
            android:id="@+id/imageView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:src="@drawable/background" />
    </RelativeLayout>
    

    这个demo的显示效果是这样的:
    Demo_Effect

    显示流程

    其过程是这样的
    dag
    整个过程可分为三步:
    第一步,得到位图(Bitmap)的内存数据,即从相应的图片文件解码,得到数据放并放到内存。
    第二步,使用某种2D引擎,将位图内存按一定方式,渲染到可用于显示的图形内存(GraphicBuffer)上。
    第三步,由一个中心显示控制器(Surfaceflinger),将相应的图形内存投放到显示屏(LCD)。

    从图片文件到位图

    1、找到合适的图片文件
    当把风景图片放在drawable目录时,Android系统中会根据设备的分辨率,去相应分辨率的目录选择图片文件。然而,我们把图片放在asset目录下,用 asset manager 去打开时,或者放在sdcard下,就不存在这个一个适配过程,系统会忠实地读取指定路径的文件。
    2、将图片文件解码到内存,形成位图(Bitmap)
    解码器一般使用系统的,Android中是以Skia主导解码的过程。具体往下用硬件解码还是软件解码,就由芯片厂商决定了。不过,绝大部分Android设备的硬解码和硬编码都用于自家的应用(比如拍照),对第三方应用开放的只有软件编解码。
    图像编解码都是很复杂的算法,google提供的Android版本里对此也是不断进行着优化,导致系统的编解码库性能一般来说是很优秀的。如果没有专业的算法优化人员,就不要指望靠移植第三方库打败系统的解码器了。
    load

    就更一般的场景而言,图片原始来源于磁盘、网络或图形内存(Android部分系统图片预加载)。如何在导入大量图片时不致出现内存溢出,如何快速导入一个页面的图片以免用户产生等待感,是个复杂的事情。许多开源图片缓存框架(如imageloader)就在这一过程做文章,不多述。

    从位图到图形内存

    Android向应用开发者开放的惟一一条显示的路径是View。不管想显示什么,都必须先弄个布局,然后把要显示的内容和布局中的View关联起来。

    1、布局,确定View本身位置
    在上面的UI显示图中,我们发现,图并没有横向填满手机屏幕,这是由于布局中设置了留白造成的:

    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"

    布局就是每个View的measure和layout过程,Android图形系统的framework层解析布局文件,去计算每个View的位置。
    本文的例子中,是 RelativeLayout —— ImageView 的解析过程。
    布局解析的一般流程参考以下文章:
    http://blog.csdn.net/qinjuning/article/details/8074262

    2、渲染,把位图画上图形内存
    不考虑SurfaceView的非主线渲染,只考虑主线渲染的两个分支:软件绘制(skia)与硬件加速绘制(hwui)。
    软件绘制下,由位图直接画上去。
    硬件加速绘制,实际上是GPU绘制的情况下,需要先把位图上传到GPU形成纹理,再基于纹理采样,渲染到图形内存上。
    draw
    看上去,GPU绘图需要先上传为Texture,明显多了一步,但请考虑如下的问题:
    (1)大部分情况,把位图画上图形内存,不是简单的memcpy。
    如本处的风景照,很明显就需要缩小。这种情况下,CPU绘制需要先采样,这是很慢的。
    (2)绘制不是一次性的工作,它是要刷帧的。
    使用GPU绘制时,纹理上传固然在第一次时增加了启动时间,但后续并不需要重做,可以继续使用GPU强大的渲染能力。

    从图形内存到显示屏

    这一套流程便是Android的下层显示内容。
    SurfaceFlinger汇集所有图层的信息,采用离线合成或在线合成的方式,将图形内存的内容送达显示屏LCD。
    参见
    http://blog.csdn.net/jxt1234and2010/article/details/46057267

    更好的方案?

    1、既然到图形内存才能显示,为什么不直接解码到图形内存?
    当然可以,开机动画就是这么搞的,解到图形内存直接显示。
    不过,由于图形内存是一种进程间共享内存,需要作很多额外的同步、映射等管理工作。对于一般的应用场景,在自己的进程空间申请内存,无疑是更方便管理的,也不会造成系统的额外负担。

    2、解码图片需要时间,可不可以一开始就用原始位图,跳过这一过程?
    当然可以,Android的系统图库会为每一张照片创建一张缩略图,这一张缩略图就是无压缩的位图格式,以便用户快速看到预览的照片。
    但当像素值比较大时,原始位图实在是太大了,相机拍出来一张800w像素的图片接近32M,存储设备和网络传输都吃不消。

    一种更好的方法是使用压缩纹理,这样既能省去解码图片的时间,又能减少渲染时所需要的读取内存量。但这个存在如下问题:
    第一个问题是,Android的硬件加速机制是基于软件绘制流程修改而来的,它需要与软件绘制有相同的上层接口,这就意味着,软件绘制也要设法支持这种模式。让软件绘制支持压缩纹理的解压是不大现实的,不过呢,可以考虑副本的模式,即同时提供jpg/png和压缩纹理的资源。
    第二个问题更加棘手,移动设备的GPU是分散的,所提供的压缩纹理格式也互不相同,虽然有ETC1和ETC2作为标准格式,但其显示效果差强人意。

    3、就显示一张图片,为什么要合成,直接传给LCD不可以么?
    当然可以,这就是所谓的Overlay技术,进一步,是在线合成。据说,ios的图库显示照片时正是这么做的。
    不过,使用这个技术有很多坑。
    第一个坑是Buffer循环机制,处理不好,就容易出现裂屏。
    第二个坑是千奇百怪的布局位置,单个图层辅满显示屏好处理,但纯大部分情况是多个图层各占屏幕的一部分,另外还会有重叠的情况。
    第三个坑则是后处理需求,有时候缩放和旋转会延迟到合成阶段做处理,直接传给LCD时如何做这些处理也是个问题。

    在理解清楚原理后,找到性能瓶颈并发现优化点,并不是件难事,但怎么针对性地实施优化并兼容原有系统这么一个宏大的体系,就不是那么好做了 。不过,解决问题的关键还是原理要正确,要相信,只要原理是正确的,流程上即便千般阻碍,最终也能达到目标的。

    展开全文
  • Qt显示一张图片

    千次阅读 2018-11-17 13:02:55
    显示图片步骤: 1、打开一个图像 2、将图像文件加载进QImage对象中 3、用QPixmap对象获得图像 4、用QLabel对象选择一个QPixmap对象显示 如果图片尺寸没有占满整个窗口,即占满不了Label控件怎么? 可以Label的...

    显示图片步骤:

    1、打开一个图像

    2、将图像文件加载进QImage对象中

    3、用QPixmap对象获得图像

    4、用QLabel对象选择一个QPixmap对象显示

    如果图片尺寸没有占满整个窗口,即占满不了Label控件怎么?

    可以Label的属性scaled Contents打勾。

    void MainWindow::on_action_Read_triggered(bool checked)
    {
        QString filename;
        //this指定父指针,第二个参数为对话框标题,第三为打开目录,第四为过滤器,第五是其他一些参数设定,暂不了解
        filename=QFileDialog::getOpenFileName(this,tr("选择图像"),"/images/2.png", tr("Images(*.png)"));
        if(filename.isEmpty())
        {
            return;
        }
        else
        {
            QImage* image=new QImage;     //创建QImage对象
            if(!image->load(filename))    //判断是否载入成功
            {
                QMessageBox::information(this,tr("打开图像情况"),tr("打开失败!!00"));
                delete image;
                return;
            }
            QPixmap pix;
            pix.load(filename);       //参数我记得是const QString &string
            ui->label->setPixmap(pix);
        }
    }

     

    展开全文
  • iOS中如何显示一张图片

    千次阅读 2015-07-25 13:20:20
    在界面上显示一张图片是最简单的需求,像我这样的小白来说,也要从这最简单的开始学起。这篇博客就来简单实现一下这个功能。 (1)新建一个项目,然后在Main.storyboard中拖入一个ImageView控件。如图所示: 。 ...

          在界面上显示一张图片是最简单的需求,像我这样的小白来说,也要从这最简单的开始学起。这篇博客就来简单实现一下这个功能。

    (1)新建一个项目,然后在Main.storyboard中拖入一个ImageView控件。如图所示:


    (2)然后把一张图片拖到左侧的Images.xcassts目录下,这样就能把图片成功加入到该项目中,还可以进行编辑,如图:


    (3)然后在刚才的ImageView控件的右侧就可以直接进行图片的选择:如图,Image下拉框可以选择不同的图片,Mode可以选择图片显示的模式。其中Mode选择“Aspect Fit”,表示自适应。可以有较好的显示效果。


    (4)最后运行程序,显示效果如下,符合我们的预期,界面中已经能成功显示图片。

           总结,这里有个小tips,图片不能通过command+C,   Command+V,复制粘贴的方式加到Supporting Files中,只能通过鼠标拖拽的方式添加,大家可以试一下。


    github主页:https://github.com/chenyufeng1991  。欢迎大家访问!


    展开全文
  • 用HTMl编写jsp文件,想用img标签显示一张本地图片,确定路径无误,图片真实存在,但就是无法在浏览器中显示显示效果为一片空白。 从网上搜了各种方法,有说文件路径写法不对的,应该写成file:///+磁盘路径,最后...
  • 我想在页面中一张图片显示10秒钟后消失,这个怎么用javascript实现?具体代码是怎么实现的
  • python将多幅图片显示一张图片

    万次阅读 多人点赞 2018-06-15 16:29:16
    现在碰到的问题是如何将多幅图片显示一张图片上。经过资料查找,找到两种解决方案。 第一种:利用 np.hstack、np.vstack实现一幅图像中显示多幅图片。代码为: # -*- coding: utf-8 -*- # 利用 n...
  • python将多张图片显示一张图片上(20181218)1、用`pyplot`将多张图片显示一张图片上2、用`matplotlib`将多张图片显示一张图片上 1、用pyplot将多张图片显示一张图片上 pylab是python自带的模块,不需要...
  • 这里实现的效果,鼠标移动到橘黄色的图片上时,另一张白色的图片缓慢显示,橘黄色的图片缓慢消失;移出该白色的图片上时,橘黄色的图片缓慢显示,该白色的图片缓慢消失; 即:最开始是图片 鼠标放上去时显示: 移开...
  • 经过分析,发现网页中存在类似...也就是说图片存在则显示 pic.gif,图片不存在将显示 noPic.gif。但问题来了,如果 noPic.gif 也不存在,则继续触发 onerror,导致循环,故出现错误。 说明:如果图片存在,但网络很
  • 重写PageAdapter的方法:   public float getPageWidth(int position) { if (position == 0 || position == 2) { return 0.8f; } return 1f; }   按比例显示图片
  • 我在之前的一篇博客中谈到如何使用Image View来显示图片,这个操作是直接在Main.storyboard实现的。也就是说这张图片是写死在界面中了。
  • 通过OpenGL来显示一张汽车图片图片可以看做一个矩形,所以我们先来画一个矩形OpenGL的基本形状是三角形,一个矩形可以看成由4个三角形构成
  • 之前使用的openCV显示一张图片,现在不想使用第三方库,想使用C++自己封装函数输出。 目前已经将图片数据读到内存中了,存储格式是BGR888...图片并不是在控制台里显示,单独一个窗口,类似openCV自己显示图片的效果
  • PhotoView无法显示图片问题

    千次阅读 2017-05-20 12:56:29
    PhotoView无法显示图片,这些日子做的聊天IM程序,需要预览图片,一开始使用的是PhotoView,没有任何毛病,可是当对方发过来一张长截图的时候却显示不了了,自己很烦,自己又去自定义了一个ImageView,可是效果...
  • 我们一般会给图片设置alt属性,当图片路径不存在时可以显示提示文字。 <imgsrc=""alt="图片加载失败"> 如图所示: 但是这样很不好看,如果用在文章列表,我们可以给 img 标签设置一个onerror属性,可以...
  • Halcon+C#显示一张图片

    千次阅读 2018-06-12 03:25:23
    欲知其所以然,还是得从头去 软件配置: Halcon 12 + Visual Studio 2013以下实现Halcon读取并完整显示桌面上的一幅图片1.实现Halcon读取图片显示的功能首先当然是先把Halcon的代码...
  • 加载的数据集中已自动生成X张图片 import matplotlib.pyplot as plt from scipy.io import loadmat mat = loadmat('data1.mat') # 假设文件中有32张图片 img= mat['img'] plt.figure() for i in range(1,X): # X为...
  • img标签使用绝对路径无法显示图片

    千次阅读 2020-02-11 23:35:43
    如果一张图片属于服务器图片或者网络图片,我们必须在img标签里使用网络路径,只有网络路径才可以通过浏览器发送请求,下载该图片到用户的浏览器临时路径中,才可以显示在页面上;如果这张图片在你本地保存,那么你...
  • 如何在对话框上显示一张图片

    千次阅读 2011-11-17 18:14:33
    如何在对话框上显示一张图片 在对话框上显示一张图片,可能是一个比较常用的功能,在MFC中提供了OnPaint()绘图函数,下面结合这个函数,提供 几种在对话框上显示一张图片的代码。首先假设你有一张24位的图片...
  • 解决Python Tkinter中Toplevel插入图片无法显示问题

    千次阅读 多人点赞 2019-10-30 11:21:19
    解决Python Tkinter中Toplevel插入图片无法显示问题解决办法a. 将tk_image变为全局变量缺点:这种办法只能提前知道图片的路径,所以不推荐b. 在preview()函数最后添加 top.mainloop() <推荐> 在主窗口中添加...
  • js 实现 鼠标放到图片上会显示另外一张图片! 值得下载看看!资源免费,大家分享!!
  • 用MFC显示一张图片

    千次阅读 2015-09-15 15:14:43
    //显示图片 DrawPicToHDC(image, IDC_STATIC); } 当运行时出现显示的图片时一条长线图像时,那是因为原来的对话框中默认了一个矩形框,程序在运行时,条用了这个长的矩形框没有调用自己设置的矩形框, ...
  • 在学习ios中,需要在界面中显示一张照片,但是添加照片后,在Image View 设置完成后,运行无法显示图片,换个格式的图片也无法显示 提示的错误提示为 Could not load the "u=124.jpg" image referenced from a nib ...
  • Android设备上一张图片显示过程

    千次阅读 2017-07-20 18:16:06
    Android设备上一张图片显示过程 应用示例 假如我们现在有一张这样的风景照  想在Android设备(比如一个小米pad)上显示出来。首先想到的是写一个应用,用一个ImageView,把这张照片附到ImageView上...
  • 在Github的README.md中显示一张图片

    万次阅读 2015-10-06 14:33:32
    我们都知道,当我们在Github中新建一个repository时,一般都会同时...现在我们来实现一下如何在README.md中显示一张图片。 (1)首先在你的本地项目目录下新建一个Screenshots文件夹,用于来存放需要显示图片,我放入
  • ImagView显示图片(将一张图片按原图大小合理显示在imageView上,避免OOM)
  • 重写PageAdapter的方法:   public float getPageWidth(int position) { if (position == 0 || position == 2) { return 0.8f; } return 1f; } 按比例显示图片
  • 本篇博客记录如何使用 Jupyter Notebook 显示图片,第一种情况为使用 python 绘图时,网页中如何显示静态图片和动态图片;第二种情况为使用 Jupyter Notebook 做笔记时,在网页中调用本地的图片进行展示。 1. 显示...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 215,935
精华内容 86,374
关键字:

一张无法显示的图片