文件上传的调用功能

Question

我有一个用来上传文件的表格。 在当前情况下，如果用户从计算机上选择图像，则他必须单击按钮上载以上传图像。 我正在尝试找到一种方法，只需按下按钮即可跳过此步骤。

从用户选择文件后如何调用javascript函数？

Answer 1

用户为上载文件指定文件时，将触发onchange事件。 您可以执行以下操作：

<input type="file" name="someName" id="uploadID" />

Javascript：

var el = document.getElementById('#uploadID');
el.onchange = function(){
  // your code...
};

但是，javascript验证是一个好主意，但请确保您在服务器端进行了实际验证:)

Answer 2

使用上面的示例...

<input type="file" name="someName" id="uploadID" />

的JavaScript

document.getElementById('uploadID').addEventListener('change', () => {
//Your code...
});