使用 javascript 按 url 显示图像

Display image by url using javascript

本文关键字:显示图 图像 显示 url javascript 使用      更新时间:2023-09-26

我正在使用backbone.jsunderscore.jsrequire.jstext.js开发我的项目。

我需要在我的下划线模板文件中显示从 c# 控制器返回的图像。所以我做了:

<img src=<%=URLBrand+brand[i].ID%> class="brandimg">

在我的浏览器控制台中,我得到了:

<img class="brandimg" src="http://example.com/brand/21">

错误:无法加载给定的网址。

注意:http://example.com/brand/21是图像的C#Web服务返回字符串URL的控制器。

如何使用 javascript 显示来自任何 url 的图像返回?

任何答案都值得赞赏。谢谢。

按照我的想法,您应该首先获取图像的字符串URL,然后将其放入<img src="put here"/>中。你可以使用 ajax 来做到这一点。

您需要通过 AJAX 请求获取 url 字符串。然后您可以将返回的字符串放入 IMG 标签的 src 属性中

  Backbone.ajax({
    url: "http://example.com/brand/21",
    success: function(returnedURL){
        //code here
    }
});