javascript - 选择值后变得不确定

Question

var input = $(document.createElement('input')); 
input.attr("type", "file");
input.attr("id", "files");
input.attr("name", "files[]");
input.trigger('click');
alert(input.attr("value"));

上面的脚本打开文件浏览器窗口，我也可以选择文件，但在警报中看到未定义，如何在警报中获取实际文件名。

Answer 1

只需使用这个:

var input = $("<input />");

并且还将警报与 change 事件绑定(bind)。

片段

$(function () {
  var input = $("<input />"); 
  input.attr("type", "file");
  input.attr("id", "files");
  input.attr("name", "files[]");
  input.trigger('click');
  $("body").append(input);
  input.change(function () {
    alert($(this).val());
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>