前提・実現したいこと
画面読み込み時にデフォルトの画像を表示させたいです。
発生している問題
ファイルパス(URL)が問題なのか、根本的に書き方がおかしいのかもしれないか、枠は表示されるのですが、画像が表示されないです。 分かる方いましたら、ご助力お願いします。
該当のソースコード
HTML
1<label>アイコン</label> 2<label class="div_icon"> 3 参照 4 <input type="file" class="new_user_icon" id="new_user_icon" accept="image/*"> 5</label> 6<img id="new_user_icon_preview" width="150" height="150">
javascript
1$(document).ready(function() { 2 3パターン➀------------------------------------------------------------------ 4 $('#new_user_icon_preview').attr= ('src' , icon_path); 5--------------------------------------------------------------------------- 6 7パターン➁------------------------------------------------------------------ 8 reader.onload = function (e) { 9 $('#new_user_icon_preview').attr('src',e. icon_path.result); 10 } 11 reader.readAsDataURL(e.icon_path.files[0]); 12--------------------------------------------------------------------------- 13})
試したこと
上記のようなパターンを試しましたがどれも枠のみで画像が表示されません。
完成予想図
参照ボタンで変更した際に画像を表示させることが出来ているので、完成予想図お添付いたします。
あなたの回答
tips
プレビュー