Всем привет. Пример: <p id="p"></p> <input type="file" enctype="multipart/form-data" oninput="file()" id="file" /> </div> <script> function file(){

Question

Всем привет. Пример: <p id="p"></p> <input type="file" enctype="multipart/form-data" oninput="file()" id="file" /> </div> <script> function file(){

let file = document.getElementById("file");
let p = document.getElementById("p");
p.innerHTML = `<img src=\"${file.value}\">`;
}
</script>

Как открыть изображение выбранное input type file, перед отправкой?

#javascript #programming #russian

0

27.08.2020

2 ответов

13 просмотров

whyamsx

<p id="p"></p> <input type="file" enctype="multipart/form-data" oninput="file()" id="file"> <script> function file() { var fl = new FileReader(); fl.readAsDataURL(document.getElementById("file").files[0]); fl.onload = function (img) { document.getElementById("p").innerHTML = `<img src=\"${img.target.result}\">`; } } </script>

0

27.08.2020

Назар Калитюк · Accepted Answer

Назар Калитюк

http://jsbin.com/uboqu3/1/edit?html,js,output

0

27.08.2020

169 похожих чатов

Всем привет. Пример: <p id="p"></p> <input type="file" enctype="multipart/form-data" oninput="file()" id="file" /> </div> <script> function file(){

2 ответов

Похожие вопросы