如何将字符串 pic URL 转换为图像并显示在图像标签中。?

Posted

技术标签:

【中文标题】如何将字符串 pic URL 转换为图像并显示在图像标签中。?【英文标题】:How to convert string pic URL to image and display in image tag .? 【发布时间】:2021-06-23 07:23:00 【问题描述】:

我喜欢这种图片网址

C:\inetpub\MaujApp\OMSAPI\ManualRecevingImages\WhatsApp Image 2021-03-24 at 12.07.41 PM.jpeg

我想使用 jQuery 转换原始图像并显示用户。 像这样使用 jQuery 和 C#

【问题讨论】:

【参考方案1】:

使用prepend

下面将在<div> 中添加一个<img> 标记

const imgUrl = "https://i.pinimg.com/originals/51/f6/fb/51f6fb256629fc755b8870c801092942.png"

$('#theDiv').prepend('<img id="theImg" src="'+imgUrl+'" />')
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div id="theDiv">
</div>

【讨论】:

以上是关于如何将字符串 pic URL 转换为图像并显示在图像标签中。?的主要内容,如果未能解决你的问题,请参考以下文章

如何将 PIL 图像转换为 numpy 数组?

如何将图像转换为 url?

如何在 React 中显示来自 JSON URL 数组的图像

如何获取和显示 blob 图像

如何将图像转换为 Base64 字符串,并转换回图像,保存到 azure blob

如何将base64位的字节数组转换成图片并显示