A-A+

Uploadify异步上传的配置教程

2016年01月08日 web前端设计 暂无评论 阅读 5 views 次

今天公司使用到了Uploadify插件来上传图片了,下面小编来为各位介绍这个Uploadify例子吧,希望可以帮助到各位。

1.官网:http://www.uploadify.com/

2.可能是uploadify的bug

如果不设置button_image_url会发送一次url请求!代码如下:

  1. <style type="text/css">  
  2.     .uploadify-button {  
  3.         background-color: transparent;  
  4.         border: none;  
  5.         padding: 0;  
  6.     }  
  7.     .uploadify:hover .uploadify-button {  
  8.         background-color: transparent;  
  9.     }  
  10. </style>  
  11.   
  12. <input type="file" name="file_upload" id="file_upload" />  
  13. $(function() {  
  14.     $("#file_upload").uploadify({  
  15.         'buttonImage' : '/uploadify/browse-btn.png',  
  16.         'swf'         : '/uploadify/uploadify.swf',  
  17.         'uploader'    : '/uploadify/uploadify.php'  
  18.         'button_image_url':'/public/uploadify/browse-btn.png',//这个一定要设置!  
  19.     });  
  20. });  

好了关于php文件夹我们就不说了,php这个uploadify.php非常的简单我觉得大家可以进行优化与安全验证才可以真正的使用。

标签:

给我留言