JavaScript:如果用户取消确认()，则文件输入 onclick 会阻止更改

Question

在使用 confirm() 方法时，如何防止通过 onclick DOM 事件更改表单文件输入元素？

在示例中，我想通过询问用户是否希望确定|取消来为用户提供不丢失文件输入元素值的机会，如果他们单击取消，则不应显示文件对话框窗口。

XHTML

<input name="post_file" onclick="images_change();" type="file" value="" />

JavaScript

function images_change()
{
 var answer = confirm('Okay or cancel, if you cancel no dialog window will be displayed.');

 if (answer)
 {
  answer = true;
  //previous item previews deleted here in a while loop.
 }
 else {answer = false;}

 return answer;
}

Answer 1

如果只有一个文件输入，为什么不直接内联呢？

HTML:

<input name="post_file" onclick="return check()" type="file" value="" />​

JavaScript:

function check() {
    return confirm('Okay or cancel, if you cancel no dialog window will be displayed.');
}​

jsFiddle example .