github.com/jincm/wesharechain@v0.0.0-20210122032815-1537409ce26a/app/lib/plupload-2.1.2/examples/jquery/all_runtimes.html (about) 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 6 <title>Plupload - Queue widget example</title> 7 8 <link rel="stylesheet" href="../../js/jquery.plupload.queue/css/jquery.plupload.queue.css" type="text/css" media="screen" /> 9 10 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> 11 12 <!-- production --> 13 <script type="text/javascript" src="../../js/plupload.full.min.js"></script> 14 <script type="text/javascript" src="../../js/jquery.plupload.queue/jquery.plupload.queue.js"></script> 15 16 <!-- debug 17 <script type="text/javascript" src="../../js/moxie.js"></script> 18 <script type="text/javascript" src="../../js/plupload.dev.js"></script> 19 <script type="text/javascript" src="../../js/jquery.plupload.queue/jquery.plupload.queue.js"></script> 20 --> 21 22 </head> 23 <body style="font: 13px Verdana; background: #eee; color: #333"> 24 25 <form method="post" action="dump.php"> 26 <h1>Queue widget example</h1> 27 28 <p>Shows the jQuery Plupload Queue widget and under different runtimes.</p> 29 30 <div style="float: left; margin-right: 20px"> 31 <h3>Flash runtime</h3> 32 <div id="flash_uploader" style="width: 500px; height: 330px;">Your browser doesn't have Flash installed.</div> 33 34 <h3>Silverlight runtime</h3> 35 <div id="silverlight_uploader" style="width: 500px; height: 330px;">Your browser doesn't have Silverlight installed.</div> 36 </div> 37 38 <div style="float: left; margin-right: 20px"> 39 <h3>HTML 4 runtime</h3> 40 <div id="html4_uploader" style="width: 500px; height: 330px;">Your browser doesn't have HTML 4 support.</div> 41 42 <h3>HTML 5 runtime</h3> 43 <div id="html5_uploader" style="width: 500px; height: 330px;">Your browser doesn't support native upload.</div> 44 </div> 45 46 <br style="clear: both" /> 47 48 <input type="submit" value="Send" /> 49 </form> 50 51 <script type="text/javascript"> 52 $(function() { 53 // Setup flash version 54 $("#flash_uploader").pluploadQueue({ 55 // General settings 56 runtimes : 'flash', 57 url : '../upload.php', 58 chunk_size : '1mb', 59 unique_names : true, 60 61 filters : { 62 max_file_size : '10mb', 63 mime_types: [ 64 {title : "Image files", extensions : "jpg,gif,png"}, 65 {title : "Zip files", extensions : "zip"} 66 ] 67 }, 68 69 // Resize images on clientside if we can 70 resize : {width : 320, height : 240, quality : 90}, 71 72 // Flash settings 73 flash_swf_url : '../../js/Moxie.swf' 74 }); 75 76 77 // Setup silverlight version 78 $("#silverlight_uploader").pluploadQueue({ 79 // General settings 80 runtimes : 'silverlight', 81 url : '../upload.php', 82 chunk_size : '1mb', 83 unique_names : true, 84 85 filters : { 86 max_file_size : '10mb', 87 mime_types: [ 88 {title : "Image files", extensions : "jpg,gif,png"}, 89 {title : "Zip files", extensions : "zip"} 90 ] 91 }, 92 93 // Resize images on clientside if we can 94 resize : {width : 320, height : 240, quality : 90}, 95 96 // Silverlight settings 97 silverlight_xap_url : '../../js/Moxie.xap' 98 }); 99 100 // Setup html5 version 101 $("#html5_uploader").pluploadQueue({ 102 // General settings 103 runtimes : 'html5', 104 url : '../upload.php', 105 chunk_size : '1mb', 106 unique_names : true, 107 108 filters : { 109 max_file_size : '10mb', 110 mime_types: [ 111 {title : "Image files", extensions : "jpg,gif,png"}, 112 {title : "Zip files", extensions : "zip"} 113 ] 114 }, 115 116 // Resize images on clientside if we can 117 resize : {width : 320, height : 240, quality : 90} 118 }); 119 120 121 // Setup html4 version 122 $("#html4_uploader").pluploadQueue({ 123 // General settings 124 runtimes : 'html4', 125 url : '../upload.php', 126 unique_names : true, 127 128 filters : { 129 mime_types: [ 130 {title : "Image files", extensions : "jpg,gif,png"}, 131 {title : "Zip files", extensions : "zip"} 132 ] 133 } 134 }); 135 }); 136 </script> 137 138 </body> 139 </html>