html
1<h1>画像選択</h1> 2 <br> 3 <div class="form-group row"> 4 <label for="inputPassword" class="col-sm-2 col-form-label">画像:</label> 5 <div class="col-sm-10"> 6 <div class="input-group mb-2 mb-sm-0"> 7 <input type="file" class="form-control-file" id="image" name="image"> 8 </div> 9 </div> 10</div> 11<hr> 12<img src="" id="image_viw">
Javascript
1function image() { 2 var image = document.getElementById("image"); 3 var image_viw = document.getElementById("image_viw"); 4 5 image.addEventListener("change", function(){ 6 console.log(image.files[0].name); 7 image_viw.src = image.files[0].name; 8 }); 9 }
上のコードを実際書きました。HTMLの方のinput で画像を選択し、選択されたら<img src="" id="image_viw">へ表示させたいです。
JavaScriptでコードを書いたのですが、ファイル名は取得できるものの、ファイルのパスが取得できません。
ファイルパスの取得をするにはどうすればよいですか?
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/10/09 13:00
2017/10/09 13:17
2017/10/09 13:29