Question

jquery ajax 回调函数里面无法触发页面上隐藏的file click事件。 <input type="file">

js代码
$('#saveButton').click(function(){
$.ajax({
url: 'test.html',
data: {},
dataType:"json",
type:"post",
success: function(data){
$('#excelFile').click();
},error:function(){ }
});
});
页面上有一个隐藏的input
<input type="file" name="excelFile" id="excelFile" accept="xls,.xlsx" class="hide">
如果我这样写是没问题的。
$('#saveButton').click(function(){
$('#excelFile').click();
});

最终我发现在ajax 异步提交不行，要同步提交才可以 ，ajax配async: false就以了。

Answer 1

$('#saveButton').click(function(){
$.ajax({
url: 'test.html',
data: {},
dataType:"json",
type:"post",
success: function(data){

},
complete：function(){
$('#excelFile').click();
},
error:function(){ }
});
});

不过你把excelFile这个隐藏了，能选中得到这个元素吗？

Answer 2

都已经隐藏了，
怎么触发的click呢？