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

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

如果我正确理解了您的问题，我可能不会，在您的加载函数中，您希望获得每个 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
};