从ajax获取文件元素后无法触发

Question

我有一个从计算机上传的表格文件。 我的上传步骤

1、点击按钮

2、点击后会运行ajax从服务器加载字段。

3，加载该字段后，我将其附加到自己的表单中。并触发点击它希望会显示一个窗口上传。但它不起作用。我使用 jquery 2.1.0

$('.form-file').click();

它已经通过 console.log 显示了

Answer 1

index.html

<form action="" method="post">
  <div id="upload">Upload</div>
  <div id="file_wrapper"></div>
</form>

form.js

$(document).ready(function(){
  $('#upload').click(function(){
    $('#file_wrapper').load('/element.html', function(){
      $('#file').trigger('click');
    });
  });
})

元素.html

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