github.com/jincm/wesharechain@v0.0.0-20210122032815-1537409ce26a/app/lib/plupload-2.1.2/examples/custom.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 - Custom example</title> 7 8 <!-- production --> 9 <script type="text/javascript" src="../js/plupload.full.min.js"></script> 10 11 12 <!-- debug 13 <script type="text/javascript" src="../js/moxie.js"></script> 14 <script type="text/javascript" src="../js/plupload.dev.js"></script> 15 --> 16 17 </head> 18 <body style="font: 13px Verdana; background: #eee; color: #333"> 19 20 <h1>Custom example</h1> 21 22 <p>Shows you how to use the core plupload API.</p> 23 24 <div id="filelist">Your browser doesn't have Flash, Silverlight or HTML5 support.</div> 25 <br /> 26 27 <div id="container"> 28 <a id="pickfiles" href="javascript:;">[Select files]</a> 29 <a id="uploadfiles" href="javascript:;">[Upload files]</a> 30 </div> 31 32 <br /> 33 <pre id="console"></pre> 34 35 36 <script type="text/javascript"> 37 // Custom example logic 38 39 var uploader = new plupload.Uploader({ 40 runtimes : 'html5,flash,silverlight,html4', 41 browse_button : 'pickfiles', // you can pass in id... 42 container: document.getElementById('container'), // ... or DOM Element itself 43 url : 'upload.php', 44 flash_swf_url : '../js/Moxie.swf', 45 silverlight_xap_url : '../js/Moxie.xap', 46 47 filters : { 48 max_file_size : '10mb', 49 mime_types: [ 50 {title : "Image files", extensions : "jpg,gif,png"}, 51 {title : "Zip files", extensions : "zip"} 52 ] 53 }, 54 55 init: { 56 PostInit: function() { 57 document.getElementById('filelist').innerHTML = ''; 58 59 document.getElementById('uploadfiles').onclick = function() { 60 uploader.start(); 61 return false; 62 }; 63 }, 64 65 FilesAdded: function(up, files) { 66 plupload.each(files, function(file) { 67 document.getElementById('filelist').innerHTML += '<div id="' + file.id + '">' + file.name + ' (' + plupload.formatSize(file.size) + ') <b></b></div>'; 68 }); 69 }, 70 71 UploadProgress: function(up, file) { 72 document.getElementById(file.id).getElementsByTagName('b')[0].innerHTML = '<span>' + file.percent + "%</span>"; 73 }, 74 75 Error: function(up, err) { 76 document.getElementById('console').innerHTML += "\nError #" + err.code + ": " + err.message; 77 } 78 } 79 }); 80 81 uploader.init(); 82 83 </script> 84 </body> 85 </html>