Jquery 我希望预览图像在同一个id，但在多个div

我想把预览在同一个div，但在多个。这是我的密码

这是html

    <div class="thumbnail">
             <div id="resim_view">
        <img class="image img-thumbnail" src="#"  />
        </div>
  <br />

<span class="upload-button-wrapper">
    <input class="upload-button" id="upload" type="file"/>
  <label class="upload-label" for="upload"><i class="glyphicon glyphicon-open"></i> &nbsp;&nbsp;Resim Yükle</label>
</span>
        <div class="thumbnail">
             <div id="resim_view">
        <img class="image img-thumbnail" src="<?php echo base_url(); ?>icons/resim_yok.jpg"  />
        </div>
  <br />

<span class="upload-button-wrapper">
    <input class="upload-button" id="upload" type="file"/>
  <label class="upload-label" for="upload"><i class="glyphicon glyphicon-open"></i> &nbsp;&nbsp;Resim Yükle</label>
</span>

        <div class="thumbnail">
             <div id="resim_view">
        <img class="image img-thumbnail" src="<?php echo base_url(); ?>icons/resim_yok.jpg"  />
        </div>
  <br />

<span class="upload-button-wrapper">
    <input class="upload-button" id="upload" type="file"/>
  <label class="upload-label" for="upload"><i class="glyphicon glyphicon-open"></i> &nbsp;&nbsp;Resim Yükle</label>
</span>

雷西姆·尤克尔
icons/resim_yok.jpg“/>


雷西姆·尤克尔
icons/resim_yok.jpg“/>


雷西姆·尤克尔

这是jquery代码：

  $('.upload-button').change(function(evt){
var curElement = $(this).parent().parent().find('.image'),
output =  evt.this.parentNode; 
console.log(curElement);
var reader = new FileReader();
reader.onload = function (e) {
var div = document.createElement("div");
  //  curElement.attr('src', e.target.result);
    div.innerHTML = "<img class='image img-thumbnail' src='" +  e.target.result + "'" + "/>";

output.insertBefore(div, null);

};

reader.readAsDataURL(this.files[0]);

});

$（'.upload按钮'）。更改（函数（evt）{
var curElement=$（this.parent（）.parent（）.find（'.image'），
输出=evt.this.parentNode；
console.log（curElement）；
var reader=new FileReader（）；
reader.onload=函数（e）{
var div=document.createElement（“div”）；
//curElement.attr（'src'，e.target.result）；
div.innerHTML=“”；
output.insertBefore（div，null）；
};
reader.readAsDataURL（this.files[0]）；
});

但当我尝试这种方式时，它只在第一个div中起作用，甚至我添加了它在第一个div中显示的图像。是否在每个div中都要预览？？？

ID必须在文档中是唯一的。
这是HTML规范的一部分；这是它行为的一部分。

---

因此，您必须找到其他机制。

id必须是唯一的，您无法实现您试图使用id的目的，您必须使用类，但我希望将其放在相同的id中。。我在divs中使用相同的id…将

id=

更改为

class=

。ID是针对单个元素的。我尝试了，但没有成功