使用JQuery使用锚标记调用系统的文件上载窗口

Question

请问是否可以使用锚标记调出系统的文件上传窗口？ 如果是的话，JQuery是否需要参与？

Answer 1

不，你将无法做到这一点。

你可以做的是使用输入类型=“文件”，使透明度为100％，将锚点放在后面。

您可以看到working demo。

Answer 2

您可以尝试使用此Jquery插件。 http://valums.com/ajax-upload/ 解决方案是使输入类型=“文件”透明，并将自定义按钮放在其上。 输入类型=“文件”不能以编程方式触发，而只是通过用户的真实交互（在这种情况下是鼠标单击）

Answer 3

如果你稍微欺骗它可能会发生。

HTML：

<a href='#' id='#upfile1'>Upload File</a>
<input type="file" id="file1"  name="file1" style="display:none" />

JQuery的：

$("#upfile1").click(function () {
    $("#file1").trigger('click');
});

Answer 4

应隐藏输入标记。根据您的意愿更改CSS。

HTML：

<input id="upload" type="file"/>
<a href="" id="upload_link">Upload your file</a>

JQuery的：

$(function(){
  $("#upload_link").on('click', function(e){
  e.preventDefault();
  $("#upload:hidden").trigger('click');
  });
});

CSS：

#upload_link{text-decoration:none;}
#upload{display:none}