私がやっていること
php/jquery でプロフィール画像の変更を実装しようとしています。画像がアップロードされると、画像のプレビューが表示されます。
私が必要とするもの
プレビュー画像のsrcを取得したい。私が使用する$('img').attr('src');と、新しいプレビュー画像ではなく、古い画像のsrcが表示されます。
脚本
function readURL(input) {
     if (input.files && input.files[0]) {
      var reader = new FileReader();
      reader.onload = function (e) {
      var image =  $('#img').attr('src', e.target.result);
      }
      reader.readAsDataURL(input.files[0]);
     }
     }
    $("#imgInp").change(function(){
      readURL(this);
     });
HTML
 <div class="pic">
  <form id="form1" enctype="multipart/form-data">
   <img src="profile.jpg" width="150"  alt="profile" title="" id="img"/>
     <span>Change Picture?</span>
      <div class="up">
         <input type='file' name ="file" id="imgInp"  />
     </div>
         <input type="submit" name="picture" id="picture" value="Update"/>
    </form>
 </div>