我怎么能用图像的路径说每个图像填充输入值

Question

我得到了这个代码

<div id="image-zoom">
    <img src="{{url('/')}}/images/answers/{{ $option->id }}/medium/{{ $option->image_path   }}" class="answer-image-create" id="image{{ $i }}">
</div>
<input onchange="readURL(this, {{ $i }});" type="file" name="image_path{{ $i }}" id="image"/>

还有js：

<script type="text/javascript">
    window.onload = function() {
        var image_src =  $('#image-zoom  img').attr('src');
        alert(image_src);
    }; 
</script>

在编辑（更新）时向我显示了四个图像，很好，在警报时仅向我显示第一个路径，我该怎么做才能为每个图像获取路径，而不是用该路径填充输入或src ..因为我需要填写输入，以便在我输入提交（编辑）时图像不会丢失，因为只有我单击上传文件输入的那些在编辑其他人丢失谢谢如果有人帮助我..

Answer 1

如果我正确理解了您的问题，并且我可能没有正确理解，那么在您的 onload 函数中，您希望获取每个 img 的 src attr 吗？如果是这种情况，问题是.attr 返回匹配集中第一个元素的属性（请参阅-http://api.jquery.com/attr/）。您可以做的是遍历匹配的元素以获取每个 src。像这样的：

window.onload = function() {
    var image_srcs =  [];
    $('#image-zoom  img').each(function(index, elem) {
        image_srcs.push($(this).attr('src');
    });
    // do something with the array of img srcs you have
};