iT邦幫忙

0

jquery 圖片預覽有問題

$(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
如何簡易的區隔開來?

改好後要按 C + F5 才行
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

1
fillano
iT邦超人 1 級 ‧ 2016-11-08 13:16:35
最佳解答

我要發表回答

立即登入回答