六合开奖结果现场直播欢迎诸位!收藏本站注 册登 陆
常用三肖中特马:基础知识网络知识操作系统WPS网页制作数据库算法网页成功之路网络安全最新技术古典mid流行midmid背景下载中心
您现在的位置:首页 > 三肖中特马 > 文章页

js或Ajax判断网络图片是否存在

Admin | 2016-12-13 22:16:13 | ReadNums | 1067 | 标签 网页制作 | 打印本页
     

  要判断某个URL的网络图片是否存在,我们可以使用下面的两种方法。

  一、通用的方法

  创建一个Image()对象后为这个对象添加一个onload事件的处理方法和一个onerror事件的处理方法,然后通过定义这个Image对象的src属性来确定要加载的图像。

  当远程图片成功加载到本机内存中后,则触发onload事件,如果找不到图片,或者加载失败,则触发onerror事件,代码如下:

  // 定义一个Image对象
  var img = new Image();
  // 为Image对象添加图片加载成功的处理方法
  img.onload = function() {
      alert("图像加载成功");
  };
  // 为Image对象添加图片加载失败的处理方法
  img.onerror = function() {
      alert("图像加载失败");
  }
  // 开始加载图片
  img.src = "https://www.mysticcool.com/logo/logo.gif";

  注意:这种方法的好处是:在同域名或不同域名下,都可以正常使用。

  二、AJAX方法

  var imgurl = "https://www.mysticcool.com/logo/logo.gif";
  if (imgurl != '') {
        $.ajax(imgurl, {
            type: 'get',
            timeout: 1000,
            success: function() {
                alert("图片存在");
            },
            error: function() {
                alert("图片不存在");
            }
         });
  }

  注意,使用这种方法的缺点是:只能在同一域名下使用,跨域名不能正常使用。


问题未解决:在线咨询我要在线咨询问题

香港马会白小姐四肖期期准

(访客)
内容实用原创,讲得很好。
20xx年x月x日
(站长)
有问题请在线咨询。
20xx年x月x日