jquery 圖片預覽有問題

jquery javascript

火爆浪子 2016-11-07 21:11:38 ‧ 2348 瀏覽

分享至

$(function(){
 $("#id").change(function(){
  if (this.files && this.files[0]) {
   var reader = new FileReader();
   
   reader.onload = function (e) {
    $('#pre').attr('src', e.target.result);
   }
   reader.readAsDataURL(this.files[0]);
  }
 });
});

以上我可以讓圖片能夠預覽這沒問題
但是當我有四個不同的上傳前預覽的表單時
這好像就會有問題..就是選擇好圖片後 img src不會改變
有把id和pre都改成不一樣的
但還是有問題
不會帶入路徑到img src
請問若有四個表單需要這個code
如何簡易的區隔開來？