jQuery inputfile 自定义按钮，可以删除选择好的内容

jQuery inputfile 自定义按钮，可以删除选择好的内容

 

演示

 

 

XML/HTML Code

1. <div class="wrapper">  
2. <div class="container">  
3. <div class="panel">  
4. <p> The plugin simpley replaces a file input with a button and gives you the ability to remove your selection easily </p>  
5. <input type="file"/>  
6. </div>  
7. <div class="panel">  
8. <p> You can also load a previously uploaded file and remove it </p>  
9. <input type="file" data-value="http://www.google.es/" data-text="im_a_file.txt"/>  
10. </div>  
11. </div>  
12. </div>  
13.   
14. <script src="jquery.inputfile.js"></script>  
15. <script>  
16.     $('input[type="file"]').inputfile({  
17.         uploadText: '<span class="glyphicon glyphicon-upload"></span> Select a file',  
18.         removeText: '<span class="glyphicon glyphicon-trash"></span>',  
19.         restoreText: '<span class="glyphicon glyphicon-remove"></span>',  
20.           
21.         uploadButtonClass: 'btn btn-primary',  
22.         removeButtonClass: 'btn btn-default'  
23.     });  
24. </script>  

 

原文地址:http://www.freejs.net/article_biaodan_222.html