从加载模式上的输入文本 id 获取 img src答案

【问题标题】：get img src from input text id on load modal从加载模式上的输入文本 id 获取 img src
【发布时间】：2015-12-13 15:15:06
【问题描述】：

加载模态时如何将输入类型图像（图片名称）传递给div内的img src？

<div class="form-group">
  <label for="image" class="col-sm-2 control-label">
    <?=l ang( 'image') ?>
  </label>
  <div class="col-sm-4">
    <input type="image" id="pimage" width="300px">
  </div>
</div>


<script>
  var imageSrc = 'http://ricap.pt/encomendas/assets/uploads/' + pimage + '';
  var input = document.getElementById('pimage');
  input.src = imageSrc;
</script>

This show blank div 正在获取图像的名称

图片网址：http://ricap.pt/encomendas/assets/uploads/2774cc3506ee269c379b215d3a1876d5.jpg

【问题讨论】：

服务器上保存img的代码在哪里？
脚本正在从表中获取正确的图片名称。问题是把他放到img src..放到输入文本中。我不想保存图像。只是为了形象化
您将src 分配给input...
因为这是一个编辑模式。输入正在从表中获取数据。我也需要显示图片。只看到假设可能是这样的 image; ?>" width="100px">
stackoverflow.com/questions/33979140/… 你需要一些东西来更新变量，比如onKeypress() 事件。如果这些是 php 标签，请使用长格式 <?php - 许多现代 php 安装不会运行短标签。注意防止通过文本输入注入脚本。然后您应该能够使用document.getElementById('pimage').src = imageSrc; 设置src=

标签： javascript php jquery html

【解决方案1】：

问题是您的标签中没有src=""，因此您尝试编辑不存在的属性。像这样在代码中添加一个空白属性：

<input src="" type="image" id="pimage" width="300px">

input.src 不添加属性；它只会改变已经存在的东西。

正如您在评论中提到的，您也可以像这样使用 PHP：

<input src="assets/uploads/<?php echo $row->image; ?>" type="image" id="pimage" width="300px">

【讨论】：

好的。知道了我尝试使用 php，但 modal 正在使用 jquery 获取文本数据，而我不知道如何使用图像。如果我尝试可视化（空白）图像，则会收到错误ricap.pt/encomendas/assets/uploads/… 我也尝试过类似jsfiddle.net/cBJXn/4 但问题是如何在输入文本值中插入数据值

【解决方案2】：

试试这个：

 var imageSrc = 'http://ricap.pt/encomendas/assets/uploads/' + pimage + '';
$('#pimage').parent().append('<img src="'imageSrc'">');

【讨论】：

似乎不起作用如果我右键单击显示图像在 url s9.postimg.org/e8uxhxk0f/… 上显示 ricap.pt/encomendas/assets/uploads/… /[object HTMLInputElement]
如果您单击按钮，是否要显示图片？
否加载模态时显示的想法。只是为了看一个例子。但是，如果工作，可能是（最后一个）选择......
输入正在从数据库中获取数据。使用输入我可以获得图像的名称。所以，这个想法是尝试用某种 attr 将他传递给 img src。通过模态窗口imgur.com/QVYa5Z7 可以看到输入我可以使用 img scr 方式问题是将 id="pimage" 传递给 img src="pimage"
你为什么不用简单的img标签？