Calling system's file upload window with anchor tag using JQuery

Please is it possible to call up the system's file uploa开发者_如何学Pythond window with an anchor tag? And if it is, would JQuery need to be involved?

No, you won't be able to do that.

What you can do is that use an input type="file", make the transparency as 100% put an anchor behind that.

You can see a working demo.

You can try this Jquery plugin. http://valums.com/ajax-upload/ The solution is make the input type="file" transparent and put your custom button upon it. The input type="file" can't be triggered programmatically, but just with a real interaction by the user (in this case a mouse click)

Possible if you trick it a little bit.

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');
});

The input tag should be hidden. Change the CSS according to your wish.

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}