如何用图像路径为每个图像填充输入值

时间:2017-11-03 13:18:03

标签: javascript jquery image laravel

我收到了这段代码

<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>

On Edit(更新)向我展示了四张图片,很好,在提示时只显示第一张路径,我该如何为每张图片拍摄路径,而不是用该路径填充输入或src ..因为我需要填充输入以便在我输入提交(编辑)时图像不会丢失,因为只有我点击上传文件输入的那些编辑其他人就会丢失谢谢你,如果有人帮助我.. < / p>

1 个答案:

答案 0 :(得分:0)

如果我正确地理解你的问题,而我可能没有,在你的onload函数中你想要获得每个img的src attr?如果是这种情况,问题是$ docker images -a | grep ubuntu ubuntu latest 747cb2d60bbe 3 weeks ago 122MB` ubuntu <none> ebcd9d4fca80 5 months ago 118MB $ docker image inspect --format '{{.RepoDigests}}' ebcd9 [ubuntu@sha256:382452f82a8bbd34443b2c727650af46aced0f94a44463c62a9848133ecb1aa8] 返回匹配集中第一个元素的属性(请参阅 - http://api.jquery.com/attr/)。你可以做的是迭代匹配的元素来获得每个src。像这样:

$ docker ps -aq
1edd14b528db
$ docker container inspect 1edd | grep Image
    "Image": "sha256:76da55c8019d7a47c347c0dceb7a6591144d232a7dd616242a367b8bed18ecbc",
        "Image": "alpine:3.6",
$ docker image inspect --format '{{.RepoDigests}}' 76da55
[alpine@sha256:f006ecbb824d87947d0b51ab8488634bf69fe4094959d935c0c103f4820a417d]