zoukankan      html  css  js  c++  java
  • js 判断图片是否加载完成

    1、根据url来加载图片:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    /**
     * 加载图片,直到加载完成后才调用回调函数
     * @param url 后面读取图片流的url
     * @param callback 回调函数
     */
    function loadImage(url, callback) {
        var  img = new Image();
        img.src = url;
         var timer = setInterval(function() {
             if (img.complete) {
                 callback(img);
                 clearInterval(timer);
             }
         }, 50);
    }


    2、定义callback函数: 

    1
    2
    3
    function testFun(img){
             console.log('into testFun');
          }

    3、调用上面的方法,代码如下:

    1
    loadImage(url+'?datetime='+new Date().getTime(),testFun);
  • 相关阅读:
    21.扩展
    20.嵌套类型
    19.类型转换
    18.错误处理
    17.可选链
    16.ARC
    15.析构函数
    14.构造函数
    13.继承
    12.下标
  • 原文地址:https://www.cnblogs.com/telwanggs/p/5306122.html
Copyright © 2011-2022 走看看