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>