检查打字稿中是否存在图像

时间:2016-06-08 12:50:56

标签: javascript jquery typescript angular

我有一个谷歌地图实现,我使用位于网上的地图图块。但是,如果我走出磁贴区域,它会抛出错误,因为它无法找到图像。如何在if语句不存在的情况下使if语句返回null?

我在想的是这个,因为我包含了jquery:

$.get(url)
.done(function() { 
  // exists code
  return `http://www.blablabla.com/grey-tiles/${zoom}/${coord.x}/${coord.y}.png`
}).fail(function() { 
    // not exists code
   return null;
})

但这不适合我,这是我的组件的构造函数:

 constructor(){
this.imageMapOptions = {
  getTileUrl: (coord: ImageMapTypeCoord, zoom: number) => {
     return `http://www.blablabla.com/grey-tiles/${zoom}/${coord.x}/${coord.y}.png`
  },
   tileSize: { height: 256, width: 256 },
   maxZoom: 18,
   minZoom: 16,
   radius: 1738000,
   name: 'Beeksebergen'
 };    
}

1 个答案:

答案 0 :(得分:2)

这样的事可能有用:

var url = 'https://example.com/image.png';
return new Promise((resolve, reject) => {
  return $('<img>')
    .on('error', reject.bind(null, url))
    .on("load", resolve.bind(null, url))
    .appendTo(document.body)
    .css({ "position": "absolute", top: -9999, left: -9999 })
    .on("error load", $.fn.remove)
    .attr("src", url);
});
相关问题