选择文件后的Javascript代码

Question

用户从文件输入中选择文件后，我需要执行某段代码。棘手的部分是我无法检查它的输入，所以：

$('input').change ->

是不可能的，我需要检测用户点击“打开”按钮。有可能吗？

Answer 1

您需要检查文件输入的FileList。

<input type="file" id="file">

$('#file').on('change', function() {
  return console.log($(this)[0].files);
});

值得注意的是，如果您要选择一个文件，然后再次进入并再次选择同一个文件，则该功能将不会触发，因为输入尚未真正改变。

在这种情况下，您需要设置一个标记，当您单击输入（或类似的东西）时，该标记会重置。