私がやっていること
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>