Question

我正在寻找一个＆＃34;浏览＆amp;插入图片＆＃34;将图像URL（所有图像信息保存在数据库中）放入输入字段以进行提交的效果。

有点像在WordPress中你可以单击浏览，选择一个图像，然后点击好后它会显示文本区域中的图像，或输入框中的URL。

我不确定要搜索什么来学习如何做到这一点。我是javascript / jquery的新手。任何帮助表示赞赏！

Answer 1

根据请求，这将有效：

HTML

<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

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

1 个答案: