jquery触发器: how can I trigger the browse file in the input when I click on a text link?

Question

跟进此post ，我有另一个发行者 - 当我单击文本链接时如何触发输入中的浏览文件？

基本上我想隐藏表单，但当您单击上传文本链接时它会被触发。

<a href="#" class="upload">upload</a>
<form action="upload.php" method="post" enctype="multipart/form-data" id="myForm" style="display:none;">
  <input type="file" multiple="multiple" name="file[]" />
  <input type="submit" name="upload" value="Submit"/>
</form>
<div id="output"></div>

这是我的工作 Javascript 代码:

$(document).ready(function(){
    $('.upload').click(function(){
        $(this).trigger($('input[type=file]'));
        return false;
    });

    $('input[type=file]').change(function() {
        $('#myForm').ajaxSubmit({
               target: '#output'
        });
    });
});

Answer 1

您不能使用style="display:none;"使用style="visibility:hidden;"

我将触发器更改为单击:

$('.upload').click(function(){
    $('input[type=file]').click();
    return false;
});

<小时/> 推理:

输入字段不会使用 display:none 发送到服务器，而是使用 visibility:hidden 发送到服务器。