nodejs怎么模拟input type=file拿到filelist

empty_back

55753566

发布于
2017-03-24

nodejs怎么得到html中点击<input type="file">选中文件后得到的filelist

node.js javascript

阅读 4.9k

2 个回答

得票最新

taozhi8833998

1.8k158

发布于
2017-03-24

TALK IS CHECAP, SHOW ME THE CODE

<html>
<body>
  <form>
      <div>
        <label>Select file to upload</label>
        <input type="file">
      </div>
      <button id="taozhi" type="submit">Convert</button>
    </form>
  <script>      
        var p = document.getElementById("taozhi");
        p.onclick = showAlert;
    

      function showAlert(event) {
        // 这就是你需要的吧！！input.files获取选中文件之后的filelist
        const input = document.querySelector('input[type="file"]')
        const file = input.files[0]
        let formData = new FormData();  
        formData.append('image', file);
        fetch('http://localhost:8001/upload',{  
            method:'post',
            body:formData,  
        })  
        .then((response) => response.json() )  
        .then((response)=>{  
          console.log(response)
        })  
        .catch((err)=>console.error(err)); 
      }
    </script>
</body>
</html>