使用跨度替换图像src路径

玛丽·路易斯

有没有办法使用来自Jquery的span或其他方法替换路径位置，或者Django中是否有任何快捷方式？，目前您可以看到我正在尝试覆盖来自jquery的路径src="/media/<span id=image></span>"。还有其他方法可以将来自jquery的路径图像传递给img src吗？如果有人能弄清楚我在哪里做错了，那将是很棒的。提前非常感谢你

jQuery的

 $(document).on('click', 'a[data-role=show_scanned]', function(){
      let csrf = $('input[name=csrfmiddlewaretoken]').val();
      var path = $(this).attr('id');  #Image path example:  image.jpg
      var assign = $("#image").html(path);
      $("#scanned_show").modal('show');
 });

HTML检索

<img class="card-img img-fluid mb-1" src="/media/<span id=image></span>" alt="Card image cap" style="width: 900px;height: 600px;">

奥利弗流浪汉

下面的行可以获取 span

$("#image").text()

然后，您可以将其分配给标签的src属性img：

$("#imageDisplay").attr("src", $("#image").text() );

演示：

// Add click event
$("#load").click(function() {

  // Add text from span to src attribute of img
  $("#imageDisplay").attr("src", $("#image").text());

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span id=image>https://via.placeholder.com/150</span>
<button id="load">Load Image</button>
<img id="imageDisplay">

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。