javascript - 在 Javascript 中，在删除文件之前提示是/否？

Question

输入文件已经有一个值并且当用户将文件拖放到 input[type=file] 时，我想显示是或否的提示。

如果是，它将添加文件。
如果不是，它将不执行任何操作并保留旧值

$('input[type=file]').on('drop', function (e){
    if( !confirm("are you sure?") ){
    }
});

Answer 1

使用return false或e.preventDefault();禁用默认操作:

$('input[type=file]').on('drop', function(e) {
  if (!confirm("are you sure?")) {
    e.preventDefault();
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="file" name="test">

不幸的是，这显然不可移植。它适用于 Chrome 和 Safari，但不适用于 FireFox(我使用的是 Mac，尚未尝试过 IE)。

可移植解决方案必须使用 HTML 模式对话框来获取确认。然后取消回调可以使用Clearing <input type='file' /> using jQuery中的技术。从输入中删除删除的文件。