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

试试这个:--

制作文件上传图片，放在文件 uploader 下方

隐藏文件上传

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