demo.html 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>无标题文档</title>
  6. <link rel="stylesheet" type="text/css" href="Huploadify.css"/>
  7. <script type="text/javascript" src="jquery.js"></script>
  8. <script type="text/javascript" src="jquery.Huploadify.js"></script>
  9. <style type="text/css">
  10. </style>
  11. <script type="text/javascript">
  12. $(function(){
  13. $('#upload').Huploadify({
  14. auto:true,
  15. fileTypeExts:'*.jpg;*.png;*.exe',
  16. multi:true,
  17. formData:{key:123456,key2:'vvvv'},
  18. fileSizeLimit:9999,
  19. showUploadedPercent:true,//是否实时显示上传的百分比,如20%
  20. showUploadedSize:true,
  21. removeTimeout:9999999,
  22. uploader:'upload.php',
  23. onUploadStart:function(){
  24. //alert('开始上传');
  25. },
  26. onInit:function(){
  27. //alert('初始化');
  28. },
  29. onUploadComplete:function(){
  30. //alert('上传完成');
  31. },
  32. onDelete:function(file){
  33. console.log('删除的文件:'+file);
  34. console.log(file);
  35. }
  36. });
  37. });
  38. </script>
  39. </head>
  40. <body>
  41. <div id="upload"></div>
  42. </body>
  43. </html>