Advertisement
Sonic3R

PLupload

Jan 5th, 2012
225
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.39 KB | None | 0 0
  1. var uploader = new plupload.Uploader({
  2.          runtimes: 'html5,flash,silverlight',
  3.          browse_button: 'pickfiles',
  4.          container: 'uploader',
  5.          max_file_size: '20mb',
  6.          unique_names: true,
  7.          multiple_queues: false,
  8.          url: '/Home/Upload',
  9.          flash_swf_url: '/upload/plupload.flash.swf',
  10.          silverlight_xap_url: '/upload/plupload.silverlight.xap',
  11.          filters: [
  12.                { title: "Image files", extensions: "jpg,gif,png" },
  13.                { title: "Zip files", extensions: "zip" }
  14.            ],
  15.          chunk_size: '2mb',
  16.          resize: { width: 320, height: 240, quality: 90 }
  17.       });
  18.  
  19.       uploader.bind("Init", function (up, params) {
  20.          $("#runtime").html("<div>Current runtime: " + params.runtime + "</div>");
  21.       });
  22.  
  23.       $("#uploadfiles").bind("click", function (e) {
  24.          uploader.start();
  25.          e.preventDefault();
  26.       });
  27.  
  28.       uploader.init();
  29.  
  30.       uploader.bind("FilesAdded", function (up, files) {
  31.          $.each(files, function (i, file) {
  32.             $('#runtime').append(
  33.                 '<div id="' + file.id + '">' +
  34.                     file.name + ' (' + plupload.formatSize(file.size) + ') <b></b>' +
  35.            '</div>');
  36.          });
  37.          up.refresh();
  38.       });
  39.  
  40.       uploader.bind("UploaderProgress", function (up, file) {
  41.          $("#" + file.id + " b").html(file.percent + "%");
  42.       });
  43.  
  44.       uploader.bind("Error", function (up, err) {
  45.          $('#runtime').append("<div>Error: " + err.code +
  46.                 ", Message: " + err.message +
  47.                 (err.file ? ", File: " + err.file.name : "") +
  48.                 "</div>");
  49.          up.refresh();
  50.       });
  51.  
  52.       uploader.bind("FileUploaded", function (up, file) {
  53.          $("#" + file.id + " b").html("100%");
  54.       });
  55.  
  56.  
  57.  
  58.  
  59.  
  60.  
  61. /////////////////////////////////// HTML code
  62.  
  63. <div class="container">
  64.                   <div>Logo: </div>
  65.                   <div style="clear"></div>
  66.                   <div id="uploader">
  67.                     <div id="runtime" class="right">
  68.                         No runtime was found !
  69.                     </div>
  70.                     <div>
  71.                         <a id="pickfiles" href="#">[Select files]</a>
  72.                         <a id="uploadfiles" href="#">[Upload files]</a>
  73.                     </div>
  74.                   </div>
  75.                </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement