下面两种写法都会出现这样的异常Uncaught RangeError: Maximum call stack size exceeded,程序陷入click事件的死循环了。
$("#upload").on("click", function() {
$('#choose').click();
})
$("#upload").on("click", function() {
$('#choose').trigger('click');
})
<span class="ion-image image" id="upload">
<input type="file" id="choose" accept="image/*" multiple>
</span>
换下面的写法,可以正常弹出选择附件的对话框。
$("#upload").on("click", function() {
var filechooser = document.getElementById("choose");
filechooser.click();
})
分析这些写法得到的dom节点,发现$('#choose')
获取的是数组
于是换种写法,ok了。
$("#upload").on("click", function() {
$('#choose')[0].click();
})