jquery触发器:当我点击文本链接时,如何在输入中触发浏览文件?

继续这个 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>@H_301_5@ 
 

这是我正在使用的Javascript代码

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

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

解决方法

你不能使用style =“display:none;”使用style =“visibility:hidden;”

并且我更改了触发器以点击:

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

推理:

输入字段不会使用display:none发送到服务器,但将具有visibility:hidden.

相关文章

jQuery插件的种类 1、封装对象方法 这种插件是将对象方法封装起来,用于对通过选择器获取的jQuery对象进...
扩展jQuery插件和方法的作用是非常强大的,它可以节省大量开发时间。 入门 编写一个jQuery插件开始于给...
最近项目中需要实现3D图片层叠旋转木马切换的效果,于是用到了jquery.roundabout.js。 兼容性如图: ht...
一、什么是deferred对象? 开发网站的过程中,我们经常遇到某些耗时很长的javascript操作。其中,既有异...
AMD 模块 AMD(异步模块定义,Asynchronous Module Definition)格式总体的目标是为现在的开发者提供一...