在加载模式中从输入文本id获取img src

get img src from input text id on load modal

本文关键字：id 获取 img src 文本 输入 加载 模式      更新时间：2023-09-26

加载模态时，如何将输入类型image（图片名称）传递给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>

这显示了空白的div，并且正在获取图像的名称

图片url:http://ricap.pt/encomendas/assets/uploads/2774cc3506ee269c379b215d3a1876d5.jpg

问题是您的标记中没有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">

试试这个：

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