如何使链接充当文件输入 [英] How to make a link act as a file input

问题描述

我有一个链接，

I have a link,

<a id="upload-file">Upload your photo</a>

如果点击，我希望它充当浏览文件输入

And if clicked, I want it to act as an browse file input

<input id="upload-file" type="file"/>

我会如何完成这项工作？

How would I accomplish this?

推荐答案

HTML

HTML

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

CSS

CSS

#upload{
    display:none
}

JS

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

DEMO。

这篇关于如何使链接充当文件输入的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！