时间戳

首页 > 解决方案 > jQuery：如何将链接从 textarea 转换为 div 中的图像？

html - jQuery：如何将链接从 textarea 转换为 div 中的图像？

问题描述

如何将 URL 链接从 textarea 转换为图像<div>？

例子：

<textarea id="sample">https://tvorbawebu.net/eshopserver/uploads/thumbnail/Pentair-Led-Pool-Lights.jpg</textarea>
<div class="viewimage"><img alt="" src="URLfromtextarea"></div>

标签： htmljquery

解决方案

您可以使用该.attr()函数来设置src和.text()获取url，如下所示：

$( document ).ready( function(){
     let url = $('#sample').text();
     if(url)
          $('#myImg').attr('src', url);
} );
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<textarea id="sample">https://tvorbawebu.net/eshopserver/uploads/thumbnail/Pentair-Led-Pool-Lights.jpg</textarea>
<div class="viewimage"><img alt="" id="myImg" src=""></div>

推荐阅读