如何在 localhost web 服务器中上传文件，并获取文件路径

Question

I've deployed a web localhost, http://localhost:8080 and I included the following code to take a upload file.

    <form action="/action_page.php">
      <input type="file" id="myFile" name="filename">
      <input type="submit">
    </form>

I am trying to read file name and file path in the local web server in my javascript code. How can I get those two?

Answer 1

You can use the below function to get the name, file path, size, and some other information about the uploaded file.

const handleUploadClick = (event) => {
  const file = event.target.files[0]
  console.log(file) // returns an object
}