在HTML中重定向图像之后

时间:2017-09-20 14:18:21

标签: javascript html html5 meteor meteor-blaze

如果问题措辞不正确,请道歉,但现在说:我目前有一个网站需要显示某个图像,但是,提供给我的链接是一个重定向到图像的链接。

请仔细考虑www.linktoimage.com/foo,将我重定向到我的实际图片的网址,例如https://i.imgur.com/76lLZAn.png

不幸的是,这是我正在处理的项目的一个要求,原因有几个,我真的想不出办法解决这个问题。

为了记录,我正在使用meteor和blaze模板引擎,以防万一。我想到这样做的一种方式可能是通过使用帮助器,它将跟随重定向对我来说,并以某种方式抓住最终的URL。所以像这样:

Template.myTemplate.helpers({
   getMyImage: function (proxyUrl) {
     var actualAddress

     // somehow get the images actual address...

     return actualAddress
   }
})

然后在我的html文件中:

<template name="myTemplate">
    <div>
       <img src="{{getMyImage 'proxyUrl'}}"
    <div>
</template>

当然,如果有一种更好的方法可以通过HTML实现这一点,那也很棒。不幸的是,我现在对如何获得实际网址毫无头绪。

谢谢!

编辑:基本上我想做this,但是使用JavaScript代替PHP。

Edit2:可能找到了解决这个问题的方法,虽然它不是很有效,但由于它是异步的而有一些问题。基本上它会使用meteor的HTTP库:

Template.myTemplate.helpers({
 getMyImage: function () {
    var proxyUrl = 'http://www.tablotv.com/client-paywall-snapshots/web'
    return HTTP.call('GET', proxyUrl, function (err, result){
      console.warn('hereeee', result, err)
    })
  }
})

但是我收到以下错误:

  

网络XMLHttpRequest.xhr.onreadystatechange

我可以想象这可能与异步有关吗?无论如何,我现在正走在正确的道路上吗?我怎么能让这个工作?

0 个答案:

没有答案