queue_widget.html 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
  3. <head>
  4. <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
  5. <title>Plupload - Queue widget example</title>
  6. <link rel="stylesheet" href="../../js/jquery.plupload.queue/css/jquery.plupload.queue.css" type="text/css" media="screen" />
  7. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
  8. <!-- production -->
  9. <script type="text/javascript" src="../../js/plupload.full.min.js"></script>
  10. <script type="text/javascript" src="../../js/jquery.plupload.queue/jquery.plupload.queue.js"></script>
  11. <!-- debug
  12. <script type="text/javascript" src="../../js/moxie.js"></script>
  13. <script type="text/javascript" src="../../js/plupload.dev.js"></script>
  14. <script type="text/javascript" src="../../js/jquery.plupload.queue/jquery.plupload.queue.js"></script>
  15. -->
  16. </head>
  17. <body style="font: 13px Verdana; background: #eee; color: #333">
  18. <form method="post" action="dump.php">
  19. <div id="uploader">
  20. <p>Your browser doesn't have Flash, Silverlight or HTML5 support.</p>
  21. </div>
  22. <input type="submit" value="Send" />
  23. </form>
  24. <script type="text/javascript">
  25. $(function() {
  26. // Setup html5 version
  27. $("#uploader").pluploadQueue({
  28. // General settings
  29. runtimes : 'html5,flash,silverlight,html4',
  30. url : '../upload.php',
  31. chunk_size: '1mb',
  32. rename : true,
  33. dragdrop: true,
  34. filters : {
  35. // Maximum file size
  36. max_file_size : '10mb',
  37. // Specify what files to browse for
  38. mime_types: [
  39. {title : "Image files", extensions : "jpg,gif,png"},
  40. {title : "Zip files", extensions : "zip"}
  41. ]
  42. },
  43. // Resize images on clientside if we can
  44. resize : {width : 320, height : 240, quality : 90},
  45. flash_swf_url : '../../js/Moxie.swf',
  46. silverlight_xap_url : '../../js/Moxie.xap'
  47. });
  48. });
  49. </script>
  50. </body>
  51. </html>