选择文件后的Javascript代码

Question

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

$('input').change ->

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

Answer 1

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

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

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

值得注意的是，如果您选择一个文件，然后返回并再次选择同一文件，该函数将不会触发，因为输入并未真正更改。

在这种情况下，您需要在某处设置一个标志，当您单击输入(或类似的东西)时，该标志会重置。