js判断图片是否可从服务器正常取回

  • 场景

做OEM定制化功能,在服务端只保存的当前图片的静态路径,但是当重新部署环境时,图片目录会被覆盖,此时基于产品健壮性考虑,在加载OEM定制logo等图片时,先做下判断,看定制数据能否正常取回。

  • 解决方案
 /**
   * 验证图片后 进行热更新
   * @param {string} url  图片路径
   * @param {string} key
   * @param {boolean} img
   * @private
   */
 private __getImg(url?:string, key?: string, img = true) {
    if (img) {
      const imgObj = this.__isHasImg(url);
      if (imgObj) {
        const me = this;
        const ImgObj = new Image();
        ImgObj.onload = function() {
          if (ImgObj.width > 0 && ImgObj.height > 0) me.__updateByKey(key, url);
        };
        // 浏览器兼容性处理
        if (ImgObj.complete && ImgObj.width > 0 && ImgObj.height > 0) me.__updateByKey(key, url);
        ImgObj.src= url;
      }
    } else {
      this.__updateByKey(key, url);
    }
  }
// 关键代码
const ImgObj = new Image();
        ImgObj.onload = function() {
          if (ImgObj.width > 0 && ImgObj.height > 0) me.__updateByKey(key, url);
        };
        // 浏览器兼容性处理
        if (ImgObj.complete && ImgObj.width > 0 && ImgObj.height > 0) me.__updateByKey(key, url);
        ImgObj.src= url;

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章