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

【问题标题】：Run javascript function after file is added to upload but before submit button在文件添加到上传后但在提交按钮之前运行 javascript 函数
【发布时间】：2014-12-17 20:44:32
【问题描述】：

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

我尝试过诸如 onMouseMove、onClick 和 onChange 之类的方法，但在将文件添加到输入后它们不会调用该函数。

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

【问题讨论】：

oninput 不起作用？
请更具体，发布不起作用的代码。这是一个运行良好的最小演示：jsfiddle.net/dg1hmLq3
@pawel 这解决了我的问题！我正在使用jQuery('.attachment').click()。我将其更改为on('change')，但它不起作用。如果您发布答案，我会接受。

标签： javascript jquery

【解决方案1】：

在onclick 属性中为您的函数添加一个“添加”或“上传”按钮。

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

【讨论】：

【解决方案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);
    }

【讨论】：