-1

I want to render image coming from input type file but I don't want how to use it and setup src attribute. When I console.log value it is:

C:\fakepath\606513.jpg

const input = document.querySelector("input");
const form = document.querySelector("form");

form.addEventListener("submit", (e) => {
  e.preventDefault();

  console.log(input.value);

  const img = document.createElement("img");
  img.setAttribute("src", input.value);

  document.body.append(img);
});
<form>
  <input type="file" />
  <button>Submit</button>
</form>
Monfear
  • 1
  • 1

0 Answers0