精华内容
下载资源
问答
  • 【最新】解决Github网页图片显示失败的问题

    万次阅读 多人点赞 2019-06-08 17:48:54
    好几个星期之前本人就发现自己的github在网页打开显示不图片的问题了,不过当时没在意。 今天强迫症逼迫我一定要搞定它,于是去找了一些方法,自己做个记录,有相同问题的伙伴可以参考一下。 一、问题 比如随便...


    好几个星期之前本人就发现自己的 github在网页打开显示不了图片的问题了,不过当时没在意。

    今天强迫症逼迫我一定要搞定它,于是去找了一些方法,自己做个记录,有相同问题的伙伴可以参考一下。

    一、问题

    比如随便打开一个项目,图片都不能显示了,我头像也没了,真是一个令人伤心的事
    在这里插入图片描述
    F12打开控制台看一哈
    在这里插入图片描述
    呦,一堆红色×。主要报错是Failed to load resource: net::ERR_CERT_COMMON_NAME_INVALID

    去查了一下,博主john-zeng这样解释道:

    实际上,可以认为,ERR_CERT_COMMON_NAME_INVALID就是用一个错误的域名访问了某个节点的https资源。导致这个错误的原因,基本是:

    1. dns污染
    2. host设置错误
    3. 官方更新了dns,但是dns缓存没有被更新,导致错误解析。

    我觉得像是有点道理,解决方法就粗来了,hin简单,往下看。

    二、解决方法

    主要思路就是使用本地hosts文件对网站进行域名解析,一般的DNS问题都可以通过修改hosts文件来解决,githubCDN域名被污染问题也不例外,同样可以通过修改hosts文件解决,将域名解析直接指向IP地址来绕过DNS的解析,以此解决污染问题。

    2.1 找到URL

    打开github任意未显示图片的网页,使用元素选择器(Ctrl+Shift+C)放在显示不了的图片上,或者在无法显示的图片上右键-检查元素,定位到该图片的标签,那么你得到了它的URL,叫做src属性。

    比如介个在这里插入图片描述
    在右面把它的网址复制粗来:

    https://avatars2.githubusercontent.com/u/15832957?s=60&v=4

    2.2 获取IP地址

    得到上述网址以后打开IPAddress.com这个网站,在搜索框输入它的域名,就是https://com那一部分,俗称二级域名:

    avatars2.githubusercontent.com
    在这里插入图片描述
    回车!!!下面你会看到该域名的信息和IP地址:
    在这里插入图片描述
    可以看出IP是:151.101.184.133,并且是2019.05.05最后更新的,alright,那么我们就可以使这个IP域名映射起来。

    (其他如果有挂掉的图片一样使用此方法进行一一映射即可。)

    2.3 修改hosts

    具体咋映射呢?修改hosts文件!!!本人使用的是windows系统,所以使用Sublime Text打开:C:\Windows\System32\drivers\etc\hosts

    在文件末尾添加:
    在这里插入图片描述

    可以直接选中以下内容复制粘贴,20210119有效(包括MAC系统)20210123更新

    # GitHub Start 
    140.82.113.3      github.com
    140.82.114.20     gist.github.com
    
    151.101.184.133    assets-cdn.github.com
    151.101.184.133    raw.githubusercontent.com
    199.232.28.133     raw.githubusercontent.com 
    151.101.184.133    gist.githubusercontent.com
    151.101.184.133    cloud.githubusercontent.com
    151.101.184.133    camo.githubusercontent.com
    199.232.96.133     avatars.githubusercontent.com
    151.101.184.133    avatars0.githubusercontent.com
    199.232.68.133     avatars0.githubusercontent.com
    199.232.28.133     avatars0.githubusercontent.com 
    199.232.28.133     avatars1.githubusercontent.com
    151.101.184.133    avatars1.githubusercontent.com
    151.101.108.133    avatars1.githubusercontent.com
    151.101.184.133    avatars2.githubusercontent.com
    199.232.28.133     avatars2.githubusercontent.com
    151.101.184.133    avatars3.githubusercontent.com
    199.232.68.133     avatars3.githubusercontent.com
    151.101.184.133    avatars4.githubusercontent.com
    199.232.68.133     avatars4.githubusercontent.com
    151.101.184.133    avatars5.githubusercontent.com
    199.232.68.133     avatars5.githubusercontent.com
    151.101.184.133    avatars6.githubusercontent.com
    199.232.68.133     avatars6.githubusercontent.com
    151.101.184.133    avatars7.githubusercontent.com
    199.232.68.133     avatars7.githubusercontent.com
    151.101.184.133    avatars8.githubusercontent.com
    199.232.68.133     avatars8.githubusercontent.com
    199.232.96.133     avatars9.githubusercontent.com
    
    # GitHub End
    

    然后保存文件就OK了,至于无法保存,没有修改权限,鼠标右键-属性-安全-修改权限;或将hosts文件复制一份,修改之后,复制到原文件夹替换!

    三、最后说几句

    还可以使用ipconfig/flush对本地DNS缓存进行一次刷新,如果遇到网络异常,可能是DNS缓存的问题,刷新一下,步骤。

    1. windows开始→运行→输入:CMD 按回车键,打开命令提示符窗口。
    2. 再输入: ipconfig /flushdns 回车,执行命令,可以重建本地DNS缓存。

    再附上几个命令:

    ipconfig /displaydns # 显示dns缓存 
    
    ipconfig /flushdns # 刷新DNS记录 
    
    ipconfig /renew # 重请从DHCP服务器获得IP 
    

    PS:另外要注意的一点就是,如果图片再次不能显示,只需要及时更新IP就行啦,这波操作不麻烦,你看我头像回来了!!!
    JevenM
    JevenM-lixian
    哈哈哈,没错,是李现

    展开全文
  • 保存网页div块为图片

    2017-11-18 16:18:37
    保存网页上的指定块为图片保存网页上的指定块为图片保存网页上的指定块为图片保存网页上的指定块为图片保存网页上的指定块为图片。(我只为例凑够50字)
  • Javascript保存网页图片

    千次阅读 2014-04-15 19:02:34
    Javascript如何把网页中的一部分保存图片?在一些需求中,需要把网页保存图片,已知canvas可以保存图片。本篇幅内容将简单介绍如何把网页保存图片

    第一步,把网页保存为Canvas画布,借助于html2canvas库,http://html2canvas.hertzen.com/

    html2canvas(document.getElementById("id1"), {
      onrendered: function(canvas) {
        document.getElementById("id2").appendChild(canvas);//生成画布后如何处理,当然可以在新标签打开,在浮层展示等等
      },
      canvas_id: 'canvas'//通过修改html2canvas源码添加canvas的id
    });
    Note:html2canvas()第一个参数为要生成canvas的区域,如果整个网页生成canvas,则是document.body。第二个参数详见官网设置canvas的各种属性,当然修改源代码可以添加自己想要的属性,如给canvas添加id等。

    第二步,把第一步中生成的canvas保存成图片

    var canvas = document.getElementById("canvas"),
        url = canvas.toDataURL();//
    //以下代码为下载此图片功能
    var triggerDownload = $("<a>").attr("href", url).attr("download", "img.png").appendTo("body");
    triggerDownload[0].click();
    triggerDownload.remove();
    这里关注toDataURL()方法即可,可以把canvas转化成data形式的图片url,把这个url赋给<img/>标签即可显示图片,代码中其他部分为自己需要的下载功能。

    展开全文
  • 如何保存网页背景图片

    千次阅读 2015-04-17 22:29:26
    在最近学习JavaWeb时,总是需要获得网页上的图片,但有时候不是所有的图片都能直接右击“另存为”,比如说背景图片。在这里,不同的浏览器有不同的方式,但是大体上没什么差别。相信会了一种就会其他的了。 在这里...

    在最近学习JavaWeb时,总是需要获得网页上的图片,但有时候不是所有的图片都能直接右击“另存为”,比如说背景图片。在这里,不同的浏览器有不同的方式,但是大体上没什么差别。相信会了一种就会其他的了。

    在这里提供两种方式(参考别人的) http://jingyan.baidu.com/article/870c6fc32f6b8fb03fe4bee9.html,分别是360和火狐浏览器获得的背景图片的方式,请参考。

    我用的猎豹浏览器。方法如下:1.右击“审查元素”,在出来的网页代码中,选择<div id="banner"></div>的下面,接下来的方法估计需要保存照片的一定有能力自己找到方法,就是找到背景图片background的URL,打开URL,会在网页中显示背景图片。

    在这里,就不在提供太多图片了。比较简单,可以参考我给的链接。

    后来的保存图片的方法和普通方式相同,就是右击图片另存为。

    展开全文
  • Python 保存 网页上的图片

    千次阅读 2018-03-13 14:27:29
    保存该页面上的17张海报图片(仅保存海报图片,其他图片不保存)。 使用`Python`保存网站上的图片。 测试网站是豆瓣电影上的海报网址 使用以下code成功的建立了一个文件夹,并且在其中 保存该页面上的17张海报...

    使用Python保存网站上的图片。
    测试网站是豆瓣电影上的海报网址
    使用以下code成功的建立了一个文件夹,并且在其中
    保存该页面上的17张海报图片(仅保存海报图片,其他图片不保存)。

    使用`Python`保存网站上的图片。
    测试网站是豆瓣电影上的海报网址
    使用以下code成功的建立了一个文件夹,并且在其中
    保存该页面上的17张海报图片(仅保存海报图片,其他图片不保存)。
    
    from urllib import request
    import os
    
    def url_open(url):
        req = request.Request(url)
        response = request.urlopen(url)
        html = response.read()
        return html
    
    def find_imgs(url):              #构造一个函数,返回一个存储了若干图片地址的列表
        html = url_open(url).decode('utf-8') #使用decode('utf-8') 建立一个str对象
        img_addrs = []                  #img_addrs是一个储存图片地址的列表
        a = html.find('img src=') #寻找图片地址的起始位置,如果没有找到find()会返回-1
        while a != -1:                  #将页面上所有海报图片全部提取
            b = html.find('.jpg',a, a+100) #从a-a+100区间,寻找图片地址的末尾位置,
            if b != -1:
                c = html[a+9:b+4]       #c就是在html中截取到的图片地址
                if 'view' in c:      #进行一步筛选,只想保留海报图片,不需要其他图片
                    print(c)            #打印出图片地址
                    img_addrs.append(c)   #将图片地址添加到列表中
            else:                       #没有找到合适的图片地址怎么办?
                b = a + 100             #接着找
            a = html.find('img src=',b)
        return img_addrs
    
    def save_imgs(folder,img_addrs): #构造一个函数能够保存图片
        os.mkdir(folder)         #建立文件夹
        os.chdir(folder)         #跳转到该文件夹 进行之后文件的写入
        for each in img_addrs: #依次写入图片。并采用图片地址最后一个小节 作为文件名
            filename = each.split("/")[-1]
            with open(filename,'wb')as f:
                img = url_open(each)
                f.write(img)
    
    def download_jpg():
        folder = 'D:/eclmn/tobeD' #设定的保存位置,以及目标网址
        url = "https://movie.douban.com/subject/6390825/photos?type=R&start=0&sortby=like&size=a&subtype=o"
        img_addrs = find_imgs(url)  #调用find_imgs()函数
        print("共保存 %d 张图片"% len(img_addrs)) #打印图片数量
        save_imgs(folder,img_addrs) #调用save_imgs() 函数
    
    if __name__ == '__main__':  
        download_jpg()

    显示的结果:

    https://img3.doubanio.com/view/photo/m/public/p2512123434.jpg
    https://img1.doubanio.com/view/photo/m/public/p2502233869.jpg
    https://img3.doubanio.com/view/photo/m/public/p2462191333.jpg
    https://img3.doubanio.com/view/photo/m/public/p2512869662.jpg
    https://img3.doubanio.com/view/photo/m/public/p2511515914.jpg
    https://img3.doubanio.com/view/photo/m/public/p2506117181.jpg
    https://img3.doubanio.com/view/photo/m/public/p2511801982.jpg
    https://img3.doubanio.com/view/photo/m/public/p2511586591.jpg
    https://img3.doubanio.com/view/photo/m/public/p2506401176.jpg
    https://img3.doubanio.com/view/photo/m/public/p2512208685.jpg
    https://img3.doubanio.com/view/photo/m/public/p2512202212.jpg
    https://img3.doubanio.com/view/photo/m/public/p2511585613.jpg
    https://img3.doubanio.com/view/photo/m/public/p2508851750.jpg
    https://img3.doubanio.com/view/photo/m/public/p2507079945.jpg
    https://img3.doubanio.com/view/photo/m/public/p2502610863.jpg
    https://img3.doubanio.com/view/photo/m/public/p2502225690.jpg
    https://img1.doubanio.com/view/photo/m/public/p2493795748.jpg
    共保存 17 张图片

    可以使用正则表达式进行匹配。在import re之后 输入下面两句就会在html中查找符合条件的字符串,并以列表的形式存储。

    p=r'<img src="([^"]+/.jpg)"
    img_list=re.findall(p,html)
    from urllib import request
    import os
    
    def url_open(url):
        req=request.Request(url)
        req.add_header('***')
        response = request.urlopen(url)
        html = response.read()
        return html
    
    def get_page(url):
        html= url_open(url).decode('utf-8)
        a = html.find('current-comment-page') +23
        b = html.find(']',a)
        return html[a:b]
    
    def find_imgs(url):
        html = url_open(url).decode('utf-8')
        img_addrs = []
    
        a = html.find('img src=')
        while a != -1:
            b = html.find('.jpg',a,a+100)
            if b != -1:
                img_addrs.append(html[a+9:b+4])
            else:
                b = a + 9
    
            a = html.find('img src=',b)
    
        return img_addrs
    
    def save_imgs(folder, img_addrs):
        for each in img_addrs:
            filename = each.split('/')[-1]
            with open(filename, 'wb') as f:
                img = url_open(each)
                f.write(img)
    
    def download_jpg(folder='D:/eclmn/tobeD', pages=10):
        os.chdir(folder)
        url = 'http://jandan.net/ooxx'
        page_num = int(get_page(url))
        for i in range(pages):
        page_num -= 1
        page_url = url + 'page-' + str(page_num) +'#comments'
        img_addrs = find_imgs(page_url)
        save_imgs(folder,img_addrs)
    
    if __name__ = '__main__':
        download_jpg()
    展开全文
  • 网页图片显示分辨率与实际分辨率一样
  • 一、将保存图片的路径保存到数据库 1、前端代码,在java中使用form表单上传文件时form标签中必须加上 enctype=“multipart/form-data”。enctype:规定在发送到服务器之前应该如何对表单数据进行编码。有以下三个值...
  • PhantomJS将网页保存图片

    千次阅读 2017-01-28 00:40:23
    phantomjs可以在页面渲染完成后将页面保存图片,而无需显示页面。
  • 保存网页图片的八种方法

    千次阅读 2013-03-25 11:56:18
    为了增加互动性和美观,现在的网页中都有许多精美的图片,这些都是网页制作者精心制作出来的,如果你想拿来为自己所用就必须把它们保存下来。另外,在一些电子书中也有精美的图片,为了防止有人复制,作者禁用了鼠标...
  • 快速保存网页中所有图片的方法

    千次阅读 2016-05-24 10:29:54
    快速保存网页中所有图片的方法 首先打开有图片的网页,完全打开后,在地址栏输入   javascript:Ai7Mg6P='';for%20(i7M1bQz=0;i7M1bQz'};if(Ai7Mg6P!=''){document.write(''+Ai7Mg6P+'');void(document.close())}...
  • 最近有一个需要引导用户保存图片分享...一开始我写好页面在本地上打开,图片就是显示不出来,后面放到了服务器上,图片就能够显示出来了。 这里的话图片的地址跟项目对应就好了,使用相对路径。   你在本地...
  • CSDN博客文章设置为新版皮肤(“大白”),保存网页到本地后。打开离线保存的网页,会出现页面显示不全的问题。(或者,点击“展开阅读全文”按钮后,无法展开被折叠的页面。) 解决 浏览器:Chrome 1.首先...
  • H5页面vue让网页长按保存图片

    千次阅读 2019-02-24 11:09:43
    思路如下: 1.图片长按可以弹出是否保存图片 ...5.想要让网页显示的内容和最后生成的图片不一致,就把内容copy两次,显示的内容放在下方,保存图片的内容放在上方,上方的内容隐藏 6.网页没有滚...
  •  近来做个项目,要截取网页,试了获取mht,开始倒是成功了,但不知装了什么软件后,就再也无法保存成mht了,查了一堆资料,修复了一轮,又可以部份保存成功,如此稳定肯定能应用,放弃!不得赞的是,网
  • 网页中为什么不显示图片

    千次阅读 2013-04-15 16:19:41
    不显示图片主要有这几种情况,请详细检查: 1.你是否上传了图片?上传的路径要和本地完全一致。比如你在本地,是把图片保存在image文件夹,那么在服务器也要建立image文件夹。 2.如果你的网站有wwwroot或www这个...
  • Delphi保存网页中的图片

    千次阅读 2013-12-10 13:27:26
     网页中的静态图片加载后会保存在IE缓存区内,所以只要获取图片URL在IE缓存区中对应的本地文件名,就可以使用Win32API函数:CopyFile拷贝到指定的文件名就可以了,获取URL对应本地文件名的函数如下: uses ...
  • 打开word另存为,筛选过的网页保存后为如下形式,图片和动图GIF都正常显示
  • 在服务器上画图的时候没有 matplotlib的绘图的环境提示“没有显示的环境变量” no display name and no $DISPLAY environment variable 之后去matplotlib找解决方案,终于知道原因了。matplotlib用pyplot画图的...
  • 1、在一个Servlet中作如下实现:  ServletOutputStream output  =   null ;   try   ... {   ... // 把响应保存为本地文件 ... 2、在需要引用图片历经的位置指定为上述Servlet的URL地址。
  • HTML在网页显示图片问题

    千次阅读 2019-04-11 19:24:00
    我遇到的问题是写了一个HTML程序,结果在网页上面显示,原因是图片路径放置错了。 修改前代码: <!DOCTYPE html> <html> <head> <meta charset='utf-8'> <title>菜鸟教程...
  • 将整个网页保存图片是一个十分有趣的功能,常见于H5活动页的结尾页分享。以下则是项目中调研和踩坑的一些小结和汇总。 一、实现HTML页面保存图片 1.1 已知可行方案 现有已知能够实现网页保存图片的...
  • 使用chrome保存完整网页为长图片

    千次阅读 2019-10-18 14:34:26
    转:chrome也可以整张网页截图,保存完整网页图片 原链接:http://www.webkaka.com/blog/archives/chrome-save-a-webpage.html 关于浏览器截图,一直以为Chrome无能为力,最近发现,原来Chrome也能整张网页截图,...
  • 大家如果使用firebug去查看的话就会发现,当你滚动到相应的行时,当前行的图片才即时加载的,这样子的话页面在打开只加可视区域的图片,而其它隐藏的图片加载,一定程序上加快了页面加载的速度,对于比较长的...
  • 其实和爬取普通数据本质一样,不过我们直接爬取数据会直接返回,爬取图片需要处理成二进制数据保存图片格式(.jpg,.png等)的数据文本。 现在贴一个url=...
  • 解决网页无法直接显示TIF图片问题

    热门讨论 2011-09-03 21:14:06
    打开网页上的TIF文件时变成保存,用这个文件可以解决.
  • 目前已实现动态生成二维码图片,生成地址:http://wx.yseasy.com/erweima_1.asp?val=yyy ...2、将图片保存成文件存放到服务器,再将图片路径保存到数据库,再调用显示//(这种方法小菜知道该如何将此生成图保存为文件)
  • 关于浏览器截图,一直以为Chrome无能为力,最近发现,原来Chrome也能整张网页截图,保存完整网页图片,大为惊喜!下面介绍操作方法。 首先,打开网页,待网页打开完毕,按组合键Ctrl+Shift+I打开开发者工具,然后...
  • 网页 失效图片 显示 默认 缺省 图片

    千次阅读 2013-06-25 19:24:51
    新闻 网页 贴吧 知道 音乐 图片 视频 地图 文库 更多» 输入法 手写拼音关闭 推荐 : 用手机随时随地上百度 <!-- .ec_bdtg .fsblock {padding:0; word-break:...
  • python将网页转换为图片保存

    千次阅读 2020-08-07 22:42:59
    1.网站中的网页转换为图片: 思路:使用selenium的PhantomJS将网页转换为图片。 #-*- coding=utf-8 -*- #@Time : 2020/8/7 10:08 PM #@Author : 小邋遢 #@File : tset.py #@Software : PyCharm from selenium ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 107,156
精华内容 42,862
热门标签
关键字:

保存的网页图片不显示