Jquery触发器文件输入

我试图使用jQuery触发上传框(浏览按钮).
我现在尝试的方法是:

$('#fileinput').trigger('click');   

但它似乎没有用.请帮忙.谢谢.

这是由于安全限制.

我发现安全限制仅在设置为display:none;或者是visbilty:hidden.

所以我尝试通过设置将它定位在视口之外position:absolute,top:-100px;并且它可以工作.

见http://jsfiddle.net/DSARd/1/

称之为黑客.

希望对你有用.

这对我有用:

JS:

$('#fileinput').trigger('click'); 

HTML:

CSS:

.hiddenfile {
 width: 0px;
 height: 0px;
 overflow: hidden;
}

>>>另一个跨浏览器的工作:<<<

想法是在自定义按钮上叠加一个看不见的巨大"浏览"按钮.因此,当用户单击您的自定义按钮时,他实际上是单击本机输入字段的"浏览"按钮.

JS小提琴:http://jsfiddle.net/5Rh7b/

HTML:

  
  Click Me!

CSS:

div#mybutton {

  /* IMPORTANT STUFF */
  overflow: hidden;
  position: relative;   

  /* SOME STYLING */
  width:  50px;
  height: 28px;
  border: 1px solid green;
  font-weight: bold
  background: red;
}

div#mybutton:hover {
  background: green;
}

input#myfile {
  height: 30px;
  cursor: pointer;
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 100px;
  z-index: 2;

  opacity: 0.0; /* Standard: FF gt 1.5, Opera, Safari */
  filter: alpha(opacity=0); /* IE lt 8 */
  -ms-filter: "alpha(opacity=0)"; /* IE 8 */
  -khtml-opacity: 0.0; /* Safari 1.x */
  -moz-opacity: 0.0; /* FF lt 1.5, Netscape */
}

JavaScript的:

$(document).ready(function() {
    $('#myfile').change(function(evt) {
        alert($(this).val());
    });
});

您可以使用LABEL元素ex.

    Click Me
    //

$('#uploadInput').focus().trigger('click');

#uploadInput {
    position: absolute;
    left: -9999px;
}

.uploadFile {
  visibility: hidden;
}

#uploadIcon {
  cursor: pointer;
}

input[type='file']{
    position:absolute;
    opacity:0;
    /* For IE8 "Keep the IE opacity settings in this order for max compatibility" */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /* For IE5 - 7 */
    filter: alpha(opacity=0);
}

$('.your-button').on('click', function() {
    var uploadForm = document.createElement('form');
    var fileInput = uploadForm.appendChild(document.createElement('input'));

    fileInput.type = 'file';
    fileInput.name = 'images';
    fileInput.multiple = true;

    fileInput.click();
});