从JavaScript打开文件对话框不在此处工作

时间:2011-12-21 07:12:01

标签: javascript jquery javascript-events

  

可能重复:
  In JavaScript is it possible to launch a file browser dialog programatically?

我已尝试使用以下代码打开文件对话框。但触发点击不会触发。请帮帮我

$('body').append('<input type="file" id="a">');
$('#a').click();

Here是我尝试过的小提琴 感谢

2 个答案:

答案 0 :(得分:1)

出于安全原因,您无法在所有浏览器中触发click事件。您可以做的是,use a CSS technique making the file upload invisible(使用不透明度过滤器),然后显示其他内容。

当用户点击“其他内容”时,他们实际上是在点击文件上传输入。

答案 1 :(得分:1)

我希望你的意思是http://jsfiddle.net/4dn3W/1/

$('body').append('<input type="file" id="a">');
$('#a').click(function (event) {
    var dialog = $('<div id="dialog" title="File dialog">My dialog</div>');
    $(event.target).css('display', 'none');
    $(document.body).append(dialog);
    dialog.dialog({ width: 450 });
    return false;
});