首页>>表单>>jQuery inputfile 自定义按钮，可以删除选择好的内容(2014-01-06)

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