css - 我们如何设计选择文件选项

Question

我正在尝试解决和设计我的选择文件按钮

<div id="image-upload"> 
     <form method='post' action='image.php' enctype='multipart/form-data'>
     Select a JPG or PNG File:<br />
     <input type='file' name='filename' size='10'/>
     <input class="red" type='submit' value='Upload' /></form>          
</div>

似乎没有什么可以帮助我，我尝试了一些带有 css 的代码，也尝试使用 css 添加类或 id，它也可以帮助我。但最后我放弃了。

jsfiddle：http: //jsfiddle.net/deerox/8Y7p5/1/

并且仍然想知道是否有新的方法可以做到这一点。

任何人有任何想法请谢谢:)

我想要这个带有一些设计的选择按钮

Answer 1

试试这个 ： -

制作文件上传图像并将其放在文件上传器下方

隐藏文件上传

<div>
<input type="file" id="file1" style="display:none">
<img src="your file uploader image path" id="img1" />
</div>

JS：-

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