javascript 通过单击图像将文本插入输入字段

svmlkihl 于 2022-12-21 发布在 Java

关注(0)|答案(1)|浏览(89)

我期待做一个“浏览和插入图像”的效果，把图像的网址（所有的图像信息保存在数据库中）到一个输入字段提交。
有点像在WordPress中你可以点击浏览，选择一张图片，然后在你点击确定之后它会在文本区域显示一张图片，或者在输入框中显示url。
我真的不知道该搜索什么来学习如何做到这一点。我对javascript/jquery相当陌生。任何帮助都是感激的！

JavaScript

来源：https://stackoverflow.com/questions/50674459/inserting-text-into-input-field-by-clicking-on-an-image

1条答案

按热度按时间

sg24os4d1#

根据请求，这将起作用：
超文本标记语言

<input type="text" id="imgsrc" style="width:500px"/>
<div>
  <img src="https://placeimg.com/100/100/any"/>
</div>
<div>
  <img src="https://placeimg.com/100/100/arch"/>
</div>
<div>
  <img src="https://placeimg.com/100/100/tech"/>
</div>

jQuery语言

$('img').on('click', function() {
    $('#imgsrc').val( $(this).attr('src') )
})

Fiddle Example

赞(0）回复(0）举报 2022-12-21

我来回答

javascript 通过单击图像将文本插入输入字段

1条答案

相关问题

热门标签

最新问答