如何在另一个选项卡中以“data:image”格式显示图像

时间:2016-10-16 06:34:13

标签: javascript image

我有这个标签:

<img src="data:image;base64,/9j/4AAQSkZJRgABAQAAAQABAAD//gAoT3B0..." onclick="window.open($(this).attr('src'), '_blank');" />

当我点击它时,我想在新标签中显示该图像,但它在新标签中显示字符而不是图像

我该如何解决这个问题?

2 个答案:

答案 0 :(得分:4)

问题中的openssl ocsp元素data URI <img>缺少完整src类型

MIME

例如,data:image;

"image/jpeg"
     

mediatype是一个MIME类型字符串,例如&#39; image / jpeg&#39;对于JPEG   图像文件。 如果省略,则默认为text / plain; charset = US-ASCII

答案 1 :(得分:0)

亲爱的朋友...... 您可以使用返回文件结果的asp MVC Action,因此您只需在Href属性中键入Url链接,它将为您打开新窗口中的图像... 这是我在“我的项目”中使用的一个示例

  [HttpGet]
    [Route("ShowDoc/{TicketDocId}")]
    public async Task<ActionResult> ShowDoc(long TicketDocId)
    {
        JObject obj = ClsServer.MakeCommonRequestByMobile();
        JObject tJobject = new JObject();
        tJobject["TicketDocId"] = TicketDocId;
        obj["data"] = tJobject;

        var Result = await ClsServer.PostRequestWithResponseData<ServiceResponse>("Ticket/GetDoc", obj);
        return File(Result.Data.Map<Vm_TicketDoc>().Doc, "image/jpg");
    }

Result.Data.Map()。Doc返回存储在数据库

中的二进制图像