文件添加到上传后但在提交按钮之前运行javascript函数

Question

我有一个输入接受要上传的文件。问题是我无法弄清楚在将文件添加到输入后如何调用该函数。

我尝试了onMouseMove，onClick和onChange之类的东西，但是在将文件添加到输入后它们不会调用该函数。

jQuery('.attachment').click(function(){
  console.log("test");
  checkFile();
});

Answer 1

使用您的功能在onclick属性中添加“添加”或“上传”按钮。

<input type='submit' id='submit' name='submit' value='Upload' onclick='myUploadFunction()' />

Answer 2

HTML input file selection event not firing upon selecting the same file

每次点击都会将元素的值设置为null。然后，如果文件被选中，则会触发onchange事件。

    input.onclick = function(){
        this.value = null;
        }
    input.onchange = function(){
        alert(this.value);
    }