<div style="line-height:1.7;color:#000000;font-size:14px;font-family:Arial"><br><div></div><div id="divNeteaseMailCard"></div><div>Thanks for your replay .</div><div>&nbsp;I test my patch , I find nginx will proxy https to http, so my patch can work .</div><div>&nbsp;Kimchi &nbsp;listens to 127.0.0.1 , and not allow other to access , why we must support https using cherrypy? .</div><div>&nbsp;I will see your patch and work on upload with you .&nbsp;</div><pre><br>At 2014-06-10 11:52:35, "Royce Lv" &lt;lvroyce@linux.vnet.ibm.com&gt; wrote:
&gt;On 2014年06月10日 10:56, ssdxiao wrote:
&gt;&gt; Upload ISO to the path /var/lib/kimchi/iso of the local disk
&gt;&gt;
&gt;&gt; Signed-off-by: ssdxiao &lt;ssdxiao@163.com&gt;
&gt;&gt; ---
&gt;&gt;   contrib/kimchi.spec.fedora.in         |    1 +
&gt;&gt;   contrib/kimchi.spec.suse.in           |    1 +
&gt;&gt;   po/en_US.po                           |    3 +
&gt;&gt;   po/pt_BR.po                           |    3 +
&gt;&gt;   po/zh_CN.po                           |    3 +
&gt;&gt;   src/kimchi/control/storagepools.py    |   28 +-
&gt;&gt;   src/nginx.conf.in                     |    1 +
&gt;&gt;   ui/css/theme-default/upload.css       |   43 ++
&gt;&gt;   ui/js/resumable.js                    |  816 +++++++++++++++++++++++++++++++++
&gt;&gt;   ui/js/src/kimchi.template_add_main.js |   27 ++
&gt;&gt;   ui/pages/kimchi-ui.html.tmpl          |    1 +
&gt;&gt;   ui/pages/template-add.html.tmpl       |   13 +
&gt;&gt;   12 files changed, 938 insertions(+), 2 deletions(-)
&gt;&gt;   create mode 100644 ui/css/theme-default/upload.css
&gt;&gt;   create mode 100644 ui/js/resumable.js
&gt;&gt;
&gt;&gt; diff --git a/contrib/kimchi.spec.fedora.in b/contrib/kimchi.spec.fedora.in
&gt;&gt; index 2d4699b..771fccc 100644
&gt;&gt; --- a/contrib/kimchi.spec.fedora.in
&gt;&gt; +++ b/contrib/kimchi.spec.fedora.in
&gt;&gt; @@ -164,6 +164,7 @@ rm -rf $RPM_BUILD_ROOT
&gt;&gt;   %{_datadir}/kimchi/ui/js/kimchi.min.js
&gt;&gt;   %{_datadir}/kimchi/ui/js/jquery-ui.js
&gt;&gt;   %{_datadir}/kimchi/ui/js/jquery.min.js
&gt;&gt; +%{_datadir}/kimchi/ui/js/resumable.js
&gt;&gt;   %{_datadir}/kimchi/ui/js/modernizr.custom.2.6.2.min.js
&gt;&gt;   %{_datadir}/kimchi/ui/js/novnc/*.js
&gt;&gt;   %{_datadir}/kimchi/ui/js/spice/*.js
&gt;&gt; diff --git a/contrib/kimchi.spec.suse.in b/contrib/kimchi.spec.suse.in
&gt;&gt; index 165f566..ad6aed4 100644
&gt;&gt; --- a/contrib/kimchi.spec.suse.in
&gt;&gt; +++ b/contrib/kimchi.spec.suse.in
&gt;&gt; @@ -86,6 +86,7 @@ rm -rf $RPM_BUILD_ROOT
&gt;&gt;   %{_datadir}/kimchi/ui/js/kimchi.min.js
&gt;&gt;   %{_datadir}/kimchi/ui/js/jquery-ui.js
&gt;&gt;   %{_datadir}/kimchi/ui/js/jquery.min.js
&gt;&gt; +%{_datadir}/kimchi/ui/js/resumable.js
&gt;&gt;   %{_datadir}/kimchi/ui/js/modernizr.custom.2.6.2.min.js
&gt;&gt;   %{_datadir}/kimchi/ui/js/novnc/*.js
&gt;&gt;   %{_datadir}/kimchi/ui/js/spice/*.js
&gt;&gt; diff --git a/po/en_US.po b/po/en_US.po
&gt;&gt; index 1ede7dc..6f5b100 100644
&gt;&gt; --- a/po/en_US.po
&gt;&gt; +++ b/po/en_US.po
&gt;&gt; @@ -1670,3 +1670,6 @@ msgstr "No templates found."
&gt;&gt;   
&gt;&gt;   msgid "Clone"
&gt;&gt;   msgstr ""
&gt;&gt; +
&gt;&gt; +msgid "Upload ISO Image"
&gt;&gt; +msgstr "Upload ISO Image"
&gt;&gt; diff --git a/po/pt_BR.po b/po/pt_BR.po
&gt;&gt; index 5ff54e0..d4d26ee 100644
&gt;&gt; --- a/po/pt_BR.po
&gt;&gt; +++ b/po/pt_BR.po
&gt;&gt; @@ -1777,3 +1777,6 @@ msgstr "Nenhum modelo encontrado."
&gt;&gt;   
&gt;&gt;   msgid "Clone"
&gt;&gt;   msgstr ""
&gt;&gt; +
&gt;&gt; +msgid "Upload ISO Image"
&gt;&gt; +msgstr "Carregar Imagem ISO"
&gt;&gt; diff --git a/po/zh_CN.po b/po/zh_CN.po
&gt;&gt; index caef515..da62131 100644
&gt;&gt; --- a/po/zh_CN.po
&gt;&gt; +++ b/po/zh_CN.po
&gt;&gt; @@ -1679,3 +1679,6 @@ msgstr "没有发现模板"
&gt;&gt;   
&gt;&gt;   msgid "Clone"
&gt;&gt;   msgstr ""
&gt;&gt; +
&gt;&gt; +msgid "Upload ISO Image"
&gt;&gt; +msgstr "上传ISO镜像"
&gt;&gt; \ No newline at end of file
&gt;&gt; diff --git a/src/kimchi/control/storagepools.py b/src/kimchi/control/storagepools.py
&gt;&gt; index b75bca0..72b9f78 100644
&gt;&gt; --- a/src/kimchi/control/storagepools.py
&gt;&gt; +++ b/src/kimchi/control/storagepools.py
&gt;&gt; @@ -18,8 +18,8 @@
&gt;&gt;   # Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301 USA
&gt;&gt;   
&gt;&gt;   import cherrypy
&gt;&gt; -
&gt;&gt; -
&gt;&gt; +import os
&gt;&gt; +import errno
&gt;&gt;   from kimchi.control.base import Collection, Resource
&gt;&gt;   from kimchi.control.storagevolumes import IsoVolumes, StorageVolumes
&gt;&gt;   from kimchi.control.utils import get_class_name, model_fn
&gt;&gt; @@ -28,6 +28,9 @@ from kimchi.model.storagepools import ISO_POOL_NAME
&gt;&gt;   from kimchi.control.utils import UrlSubNode
&gt;&gt;   
&gt;&gt;   
&gt;&gt; +ISO_UPLOAD_DIR = "/var/lib/kimchi/iso/"
&gt;&gt; +
&gt;&gt; +
&gt;&gt;   @UrlSubNode("storagepools", True, ['POST', 'DELETE'])
&gt;&gt;   class StoragePools(Collection):
&gt;&gt;       def __init__(self, model):
&gt;&gt; @@ -35,6 +38,11 @@ class StoragePools(Collection):
&gt;&gt;           self.resource = StoragePool
&gt;&gt;           isos = IsoPool(model)
&gt;&gt;           setattr(self, ISO_POOL_NAME, isos)
&gt;&gt; +        try:
&gt;&gt; +            os.makedirs(ISO_UPLOAD_DIR, mode=0755)
&gt;Hi,
&gt;      Thanks for your patches! As I'm working on another patch of 
&gt;creating a dedicate storage pool, I suggest we create this dedicate pool 
&gt;when kimchi start up, and only make dirs does not make it a storage 
&gt;pool. we need to call libvirt API. If you are willing to help on upload, 
&gt;could you pls rebase on my patch? Thanks!
&gt;&gt; +        except OSError as e:
&gt;&gt; +            if e.errno == errno.EEXIST:
&gt;&gt; +                pass
&gt;&gt;   
&gt;&gt;       def create(self, params, *args):
&gt;&gt;           try:
&gt;&gt; @@ -57,6 +65,22 @@ class StoragePools(Collection):
&gt;&gt;   
&gt;&gt;           return resp
&gt;&gt;   
&gt;&gt; +    @cherrypy.expose
&gt;&gt; +    def upload(self, *args, **kwargs):
&gt;
&gt;I have tried cherrypy upload: 
&gt;https://bitbucket.org/cherrypy/cherrypy/issue/1068/file-upload-crashes-when-using-https
&gt;And found cherrypy on https upload has bug, and this bug seems not back 
&gt;ported on ubuntu. Does cherrypy work for your code on https?
&gt;
&gt;&gt; +        method = cherrypy.request.method.upper()
&gt;&gt; +        if method != "POST":
&gt;&gt; +            raise cherrypy.HTTPError(405)
&gt;&gt; +        fileName = kwargs["resumableFilename"]
&gt;&gt; +        chunkSize = kwargs["resumableChunkSize"]
&gt;&gt; +        chunkNumber = kwargs["resumableChunkNumber"]
&gt;&gt; +        position = int(chunkSize) * (int(chunkNumber)-1)
&gt;&gt; +
&gt;&gt; +        filePath = ISO_UPLOAD_DIR+fileName
&gt;&gt; +        fp = open(filePath, "a+")
&gt;&gt; +        fp.seek(position)
&gt;&gt; +        fp.write(kwargs["file"].fullvalue())
&gt;&gt; +        fp.close()
&gt;&gt; +
&gt;&gt;       def _get_resources(self, filter_params):
&gt;&gt;           try:
&gt;&gt;               res_list = super(StoragePools, self)._get_resources(filter_params)
&gt;&gt; diff --git a/src/nginx.conf.in b/src/nginx.conf.in
&gt;&gt; index 38e643d..9568476 100644
&gt;&gt; --- a/src/nginx.conf.in
&gt;&gt; +++ b/src/nginx.conf.in
&gt;&gt; @@ -37,6 +37,7 @@ http {
&gt;&gt;   
&gt;&gt;       access_log  /var/log/nginx/access.log  main;
&gt;&gt;       sendfile    on;
&gt;&gt; +    client_max_body_size 2m;
&gt;&gt;   
&gt;&gt;       server {
&gt;&gt;           listen $proxy_ssl_port ssl;
&gt;&gt; diff --git a/ui/css/theme-default/upload.css b/ui/css/theme-default/upload.css
&gt;&gt; new file mode 100644
&gt;&gt; index 0000000..9cdfe4f
&gt;&gt; --- /dev/null
&gt;&gt; +++ b/ui/css/theme-default/upload.css
&gt;&gt; @@ -0,0 +1,43 @@
&gt;&gt; +/*
&gt;&gt; +Uploadify
&gt;&gt; +Copyright (c) 2012 Reactive Apps, Ronnie Garcia
&gt;&gt; +Released under the MIT License &lt;http://www.opensource.org/licenses/mit-license.php&gt;
&gt;&gt; +*/
&gt;&gt; +
&gt;&gt; +.uploadify-button {
&gt;&gt; + background-color: #505050;
&gt;&gt; + background-image: linear-gradient(bottom, #505050 0%, #707070 100%);
&gt;&gt; + background-image: -o-linear-gradient(bottom, #505050 0%, #707070 100%);
&gt;&gt; + background-image: -moz-linear-gradient(bottom, #505050 0%, #707070 100%);
&gt;&gt; + background-image: -webkit-linear-gradient(bottom, #505050 0%, #707070 100%);
&gt;&gt; + background-image: -ms-linear-gradient(bottom, #505050 0%, #707070 100%);
&gt;&gt; + background-image: -webkit-gradient(
&gt;&gt; + linear,
&gt;&gt; + left bottom,
&gt;&gt; + left top,
&gt;&gt; + color-stop(0, #505050),
&gt;&gt; + color-stop(1, #707070)
&gt;&gt; + );
&gt;&gt; + background-position: center top;
&gt;&gt; + background-repeat: no-repeat;
&gt;&gt; + -webkit-border-radius: 30px;
&gt;&gt; + -moz-border-radius: 30px;
&gt;&gt; + border-radius: 30px;
&gt;&gt; + border: 2px solid #808080;
&gt;&gt; + color: #FFF;
&gt;&gt; +        height: 30px;
&gt;&gt; +        width: 120px;
&gt;&gt; + font: bold 12px Arial, Helvetica, sans-serif;
&gt;&gt; + text-align: center;
&gt;&gt; + text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
&gt;&gt; +}
&gt;&gt; +.uploadify-progress {
&gt;&gt; + background-color: #E5E5E5;
&gt;&gt; + margin-top: 10px;
&gt;&gt; + width: 100%;
&gt;&gt; +}
&gt;&gt; +.uploadify-progress-bar {
&gt;&gt; + background-color: #0099FF;
&gt;&gt; + height: 3px;
&gt;&gt; + width: 1px;
&gt;&gt; +}
&gt;&gt; diff --git a/ui/js/resumable.js b/ui/js/resumable.js
&gt;&gt; new file mode 100644
&gt;&gt; index 0000000..add21ec
&gt;&gt; --- /dev/null
&gt;&gt; +++ b/ui/js/resumable.js
&gt;&gt; @@ -0,0 +1,816 @@
&gt;&gt; +/*
&gt;&gt; +* MIT Licensed
&gt;&gt; +* http://www.23developer.com/opensource
&gt;&gt; +* http://github.com/23/resumable.js
&gt;&gt; +* Steffen Tiedemann Christensen, steffen@23company.com
&gt;&gt; +*/
&gt;&gt; +
&gt;&gt; +(function(){
&gt;&gt; +"use strict";
&gt;&gt; +
&gt;&gt; +  var Resumable = function(opts){
&gt;&gt; +    if ( !(this instanceof Resumable) ) {
&gt;&gt; +      return new Resumable(opts);
&gt;&gt; +    }
&gt;&gt; +    this.version = 1.0;
&gt;&gt; +    // SUPPORTED BY BROWSER?
&gt;&gt; +    // Check if these features are support by the browser:
&gt;&gt; +    // - File object type
&gt;&gt; +    // - Blob object type
&gt;&gt; +    // - FileList object type
&gt;&gt; +    // - slicing files
&gt;&gt; +    this.support = (
&gt;&gt; +                   (typeof(File)!=='undefined')
&gt;&gt; +                   &amp;&amp;
&gt;&gt; +                   (typeof(Blob)!=='undefined')
&gt;&gt; +                   &amp;&amp;
&gt;&gt; +                   (typeof(FileList)!=='undefined')
&gt;&gt; +                   &amp;&amp;
&gt;&gt; +                   (!!Blob.prototype.webkitSlice||!!Blob.prototype.mozSlice||!!Blob.prototype.slice||false)
&gt;&gt; +                   );
&gt;&gt; +    if(!this.support) return(false);
&gt;&gt; +
&gt;&gt; +
&gt;&gt; +    // PROPERTIES
&gt;&gt; +    var $ = this;
&gt;&gt; +    $.files = [];
&gt;&gt; +    $.defaults = {
&gt;&gt; +      chunkSize:1*1024*1024,
&gt;&gt; +      forceChunkSize:false,
&gt;&gt; +      simultaneousUploads:3,
&gt;&gt; +      fileParameterName:'file',
&gt;&gt; +      throttleProgressCallbacks:0.5,
&gt;&gt; +      query:{},
&gt;&gt; +      headers:{},
&gt;&gt; +      preprocess:null,
&gt;&gt; +      method:'multipart',
&gt;&gt; +      prioritizeFirstAndLastChunk:false,
&gt;&gt; +      target:'/',
&gt;&gt; +      testChunks:true,
&gt;&gt; +      generateUniqueIdentifier:null,
&gt;&gt; +      maxChunkRetries:undefined,
&gt;&gt; +      chunkRetryInterval:undefined,
&gt;&gt; +      permanentErrors:[404, 415, 500, 501],
&gt;&gt; +      maxFiles:undefined,
&gt;&gt; +      withCredentials:false,
&gt;&gt; +      xhrTimeout:0,
&gt;&gt; +      maxFilesErrorCallback:function (files, errorCount) {
&gt;&gt; +        var maxFiles = $.getOpt('maxFiles');
&gt;&gt; +        alert('Please upload ' + maxFiles + ' file' + (maxFiles === 1 ? '' : 's') + ' at a time.');
&gt;&gt; +      },
&gt;&gt; +      minFileSize:1,
&gt;&gt; +      minFileSizeErrorCallback:function(file, errorCount) {
&gt;&gt; +        alert(file.fileName||file.name +' is too small, please upload files larger than ' + $h.formatSize($.getOpt('minFileSize')) + '.');
&gt;&gt; +      },
&gt;&gt; +      maxFileSize:undefined,
&gt;&gt; +      maxFileSizeErrorCallback:function(file, errorCount) {
&gt;&gt; +        alert(file.fileName||file.name +' is too large, please upload files less than ' + $h.formatSize($.getOpt('maxFileSize')) + '.');
&gt;&gt; +      },
&gt;&gt; +      fileType: [],
&gt;&gt; +      fileTypeErrorCallback: function(file, errorCount) {
&gt;&gt; +        alert(file.fileName||file.name +' has type not allowed, please upload files of type ' + $.getOpt('fileType') + '.');
&gt;&gt; +      }
&gt;&gt; +    };
&gt;&gt; +    $.opts = opts||{};
&gt;&gt; +    $.getOpt = function(o) {
&gt;&gt; +      var $opt = this;
&gt;&gt; +      // Get multiple option if passed an array
&gt;&gt; +      if(o instanceof Array) {
&gt;&gt; +        var options = {};
&gt;&gt; +        $h.each(o, function(option){
&gt;&gt; +          options[option] = $opt.getOpt(option);
&gt;&gt; +        });
&gt;&gt; +        return options;
&gt;&gt; +      }
&gt;&gt; +      // Otherwise, just return a simple option
&gt;&gt; +      if ($opt instanceof ResumableChunk) {
&gt;&gt; +        if (typeof $opt.opts[o] !== 'undefined') { return $opt.opts[o]; }
&gt;&gt; +        else { $opt = $opt.fileObj; }
&gt;&gt; +      }
&gt;&gt; +      if ($opt instanceof ResumableFile) {
&gt;&gt; +        if (typeof $opt.opts[o] !== 'undefined') { return $opt.opts[o]; }
&gt;&gt; +        else { $opt = $opt.resumableObj; }
&gt;&gt; +      }
&gt;&gt; +      if ($opt instanceof Resumable) {
&gt;&gt; +        if (typeof $opt.opts[o] !== 'undefined') { return $opt.opts[o]; }
&gt;&gt; +        else { return $opt.defaults[o]; }
&gt;&gt; +      }
&gt;&gt; +    };
&gt;&gt; +
&gt;&gt; +    // EVENTS
&gt;&gt; +    // catchAll(event, ...)
&gt;&gt; +    // fileSuccess(file), fileProgress(file), fileAdded(file, event), fileRetry(file), fileError(file, message),
&gt;&gt; +    // complete(), progress(), error(message, file), pause()
&gt;&gt; +    $.events = [];
&gt;&gt; +    $.on = function(event,callback){
&gt;&gt; +      $.events.push(event.toLowerCase(), callback);
&gt;&gt; +    };
&gt;&gt; +    $.fire = function(){
&gt;&gt; +      // `arguments` is an object, not array, in FF, so:
&gt;&gt; +      var args = [];
&gt;&gt; +      for (var i=0; i&lt;arguments.length; i++) args.push(arguments[i]);
&gt;&gt; +      // Find event listeners, and support pseudo-event `catchAll`
&gt;&gt; +      var event = args[0].toLowerCase();
&gt;&gt; +      for (var i=0; i&lt;=$.events.length; i+=2) {
&gt;&gt; +        if($.events[i]==event) $.events[i+1].apply($,args.slice(1));
&gt;&gt; +        if($.events[i]=='catchall') $.events[i+1].apply(null,args);
&gt;&gt; +      }
&gt;&gt; +      if(event=='fileerror') $.fire('error', args[2], args[1]);
&gt;&gt; +      if(event=='fileprogress') $.fire('progress');
&gt;&gt; +    };
&gt;&gt; +
&gt;&gt; +
&gt;&gt; +    // INTERNAL HELPER METHODS (handy, but ultimately not part of uploading)
&gt;&gt; +    var $h = {
&gt;&gt; +      stopEvent: function(e){
&gt;&gt; +        e.stopPropagation();
&gt;&gt; +        e.preventDefault();
&gt;&gt; +      },
&gt;&gt; +      each: function(o,callback){
&gt;&gt; +        if(typeof(o.length)!=='undefined') {
&gt;&gt; +          for (var i=0; i&lt;o.length; i++) {
&gt;&gt; +            // Array or FileList
&gt;&gt; +            if(callback(o[i])===false) return;
&gt;&gt; +          }
&gt;&gt; +        } else {
&gt;&gt; +          for (i in o) {
&gt;&gt; +            // Object
&gt;&gt; +            if(callback(i,o[i])===false) return;
&gt;&gt; +          }
&gt;&gt; +        }
&gt;&gt; +      },
&gt;&gt; +      generateUniqueIdentifier:function(file){
&gt;&gt; +        var custom = $.getOpt('generateUniqueIdentifier');
&gt;&gt; +        if(typeof custom === 'function') {
&gt;&gt; +          return custom(file);
&gt;&gt; +        }
&gt;&gt; +        var relativePath = file.webkitRelativePath||file.fileName||file.name; // Some confusion in different versions of Firefox
&gt;&gt; +        var size = file.size;
&gt;&gt; +        return(size + '-' + relativePath.replace(/[^0-9a-zA-Z_-]/img, ''));
&gt;&gt; +      },
&gt;&gt; +      contains:function(array,test) {
&gt;&gt; +        var result = false;
&gt;&gt; +
&gt;&gt; +        $h.each(array, function(value) {
&gt;&gt; +          if (value == test) {
&gt;&gt; +            result = true;
&gt;&gt; +            return false;
&gt;&gt; +          }
&gt;&gt; +          return true;
&gt;&gt; +        });
&gt;&gt; +
&gt;&gt; +        return result;
&gt;&gt; +      },
&gt;&gt; +      formatSize:function(size){
&gt;&gt; +        if(size&lt;1024) {
&gt;&gt; +          return size + ' bytes';
&gt;&gt; +        } else if(size&lt;1024*1024) {
&gt;&gt; +          return (size/1024.0).toFixed(0) + ' KB';
&gt;&gt; +        } else if(size&lt;1024*1024*1024) {
&gt;&gt; +          return (size/1024.0/1024.0).toFixed(1) + ' MB';
&gt;&gt; +        } else {
&gt;&gt; +          return (size/1024.0/1024.0/1024.0).toFixed(1) + ' GB';
&gt;&gt; +        }
&gt;&gt; +      },
&gt;&gt; +      getTarget:function(params){
&gt;&gt; +        var target = $.getOpt('target');
&gt;&gt; +        if(target.indexOf('?') &lt; 0) {
&gt;&gt; +          target += '?';
&gt;&gt; +        } else {
&gt;&gt; +          target += '&amp;';
&gt;&gt; +        }
&gt;&gt; +        return target + params.join('&amp;');
&gt;&gt; +      }
&gt;&gt; +    };
&gt;&gt; +
&gt;&gt; +    var onDrop = function(event){
&gt;&gt; +      $h.stopEvent(event);
&gt;&gt; +      appendFilesFromFileList(event.dataTransfer.files, event);
&gt;&gt; +    };
&gt;&gt; +    var onDragOver = function(e) {
&gt;&gt; +      e.preventDefault();
&gt;&gt; +    };
&gt;&gt; +
&gt;&gt; +    // INTERNAL METHODS (both handy and responsible for the heavy load)
&gt;&gt; +    var appendFilesFromFileList = function(fileList, event){
&gt;&gt; +      // check for uploading too many files
&gt;&gt; +      var errorCount = 0;
&gt;&gt; +      var o = $.getOpt(['maxFiles', 'minFileSize', 'maxFileSize', 'maxFilesErrorCallback', 'minFileSizeErrorCallback', 'maxFileSizeErrorCallback', 'fileType', 'fileTypeErrorCallback']);
&gt;&gt; +      if (typeof(o.maxFiles)!=='undefined' &amp;&amp; o.maxFiles&lt;(fileList.length+$.files.length)) {
&gt;&gt; +        // if single-file upload, file is already added, and trying to add 1 new file, simply replace the already-added file
&gt;&gt; +        if (o.maxFiles===1 &amp;&amp; $.files.length===1 &amp;&amp; fileList.length===1) {
&gt;&gt; +          $.removeFile($.files[0]);
&gt;&gt; +        } else {
&gt;&gt; +          o.maxFilesErrorCallback(fileList, errorCount++);
&gt;&gt; +          return false;
&gt;&gt; +        }
&gt;&gt; +      }
&gt;&gt; +      var files = [];
&gt;&gt; +      $h.each(fileList, function(file){
&gt;&gt; +        var fileName = file.name.split('.');
&gt;&gt; +        var fileType = fileName[fileName.length-1].toLowerCase();
&gt;&gt; +
&gt;&gt; +        if (o.fileType.length &gt; 0 &amp;&amp; !$h.contains(o.fileType, fileType)) {
&gt;&gt; +          o.fileTypeErrorCallback(file, errorCount++);
&gt;&gt; +          return false;
&gt;&gt; +        }
&gt;&gt; +
&gt;&gt; +        if (typeof(o.minFileSize)!=='undefined' &amp;&amp; file.size&lt;o.minFileSize) {
&gt;&gt; +          o.minFileSizeErrorCallback(file, errorCount++);
&gt;&gt; +          return false;
&gt;&gt; +        }
&gt;&gt; +        if (typeof(o.maxFileSize)!=='undefined' &amp;&amp; file.size&gt;o.maxFileSize) {
&gt;&gt; +          o.maxFileSizeErrorCallback(file, errorCount++);
&gt;&gt; +          return false;
&gt;&gt; +        }
&gt;&gt; +
&gt;&gt; +        // directories have size == 0
&gt;&gt; +        if (!$.getFromUniqueIdentifier($h.generateUniqueIdentifier(file))) {(function(){
&gt;&gt; +          var f = new ResumableFile($, file);
&gt;&gt; +          window.setTimeout(function(){
&gt;&gt; +            $.files.push(f);
&gt;&gt; +            files.push(f);
&gt;&gt; +            f.container = (typeof event != 'undefined' ? event.srcElement : null);
&gt;&gt; +            $.fire('fileAdded', f, event)
&gt;&gt; +          },0);
&gt;&gt; +        })()};
&gt;&gt; +      });
&gt;&gt; +      window.setTimeout(function(){
&gt;&gt; +        $.fire('filesAdded', files)
&gt;&gt; +      },0);
&gt;&gt; +    };
&gt;&gt; +
&gt;&gt; +    // INTERNAL OBJECT TYPES
&gt;&gt; +    function ResumableFile(resumableObj, file){
&gt;&gt; +      var $ = this;
&gt;&gt; +      $.opts = {};
&gt;&gt; +      $.getOpt = resumableObj.getOpt;
&gt;&gt; +      $._prevProgress = 0;
&gt;&gt; +      $.resumableObj = resumableObj;
&gt;&gt; +      $.file = file;
&gt;&gt; +      $.fileName = file.fileName||file.name; // Some confusion in different versions of Firefox
&gt;&gt; +      $.size = file.size;
&gt;&gt; +      $.relativePath = file.webkitRelativePath || $.fileName;
&gt;&gt; +      $.uniqueIdentifier = $h.generateUniqueIdentifier(file);
&gt;&gt; +      $._pause = false;
&gt;&gt; +      $.container = '';
&gt;&gt; +      var _error = false;
&gt;&gt; +
&gt;&gt; +      // Callback when something happens within the chunk
&gt;&gt; +      var chunkEvent = function(event, message){
&gt;&gt; +        // event can be 'progress', 'success', 'error' or 'retry'
&gt;&gt; +        switch(event){
&gt;&gt; +        case 'progress':
&gt;&gt; +          $.resumableObj.fire('fileProgress', $);
&gt;&gt; +          break;
&gt;&gt; +        case 'error':
&gt;&gt; +          $.abort();
&gt;&gt; +          _error = true;
&gt;&gt; +          $.chunks = [];
&gt;&gt; +          $.resumableObj.fire('fileError', $, message);
&gt;&gt; +          break;
&gt;&gt; +        case 'success':
&gt;&gt; +          if(_error) return;
&gt;&gt; +          $.resumableObj.fire('fileProgress', $); // it's at least progress
&gt;&gt; +          if($.isComplete()) {
&gt;&gt; +            $.resumableObj.fire('fileSuccess', $, message);
&gt;&gt; +          }
&gt;&gt; +          break;
&gt;&gt; +        case 'retry':
&gt;&gt; +          $.resumableObj.fire('fileRetry', $);
&gt;&gt; +          break;
&gt;&gt; +        }
&gt;&gt; +      };
&gt;&gt; +
&gt;&gt; +      // Main code to set up a file object with chunks,
&gt;&gt; +      // packaged to be able to handle retries if needed.
&gt;&gt; +      $.chunks = [];
&gt;&gt; +      $.abort = function(){
&gt;&gt; +        // Stop current uploads
&gt;&gt; +        var abortCount = 0;
&gt;&gt; +        $h.each($.chunks, function(c){
&gt;&gt; +          if(c.status()=='uploading') {
&gt;&gt; +            c.abort();
&gt;&gt; +            abortCount++;
&gt;&gt; +          }
&gt;&gt; +        });
&gt;&gt; +        if(abortCount&gt;0) $.resumableObj.fire('fileProgress', $);
&gt;&gt; +      };
&gt;&gt; +      $.cancel = function(){
&gt;&gt; +        // Reset this file to be void
&gt;&gt; +        var _chunks = $.chunks;
&gt;&gt; +        $.chunks = [];
&gt;&gt; +        // Stop current uploads
&gt;&gt; +        $h.each(_chunks, function(c){
&gt;&gt; +          if(c.status()=='uploading')  {
&gt;&gt; +            c.abort();
&gt;&gt; +            $.resumableObj.uploadNextChunk();
&gt;&gt; +          }
&gt;&gt; +        });
&gt;&gt; +        $.resumableObj.removeFile($);
&gt;&gt; +        $.resumableObj.fire('fileProgress', $);
&gt;&gt; +      };
&gt;&gt; +      $.retry = function(){
&gt;&gt; +        $.bootstrap();
&gt;&gt; +        var firedRetry = false;
&gt;&gt; +        $.resumableObj.on('chunkingComplete', function(){
&gt;&gt; +          if(!firedRetry) $.resumableObj.upload();
&gt;&gt; +          firedRetry = true;
&gt;&gt; +        });
&gt;&gt; +      };
&gt;&gt; +      $.bootstrap = function(){
&gt;&gt; +        $.abort();
&gt;&gt; +        _error = false;
&gt;&gt; +        // Rebuild stack of chunks from file
&gt;&gt; +        $.chunks = [];
&gt;&gt; +        $._prevProgress = 0;
&gt;&gt; +        var round = $.getOpt('forceChunkSize') ? Math.ceil : Math.floor;
&gt;&gt; +        var maxOffset = Math.max(round($.file.size/$.getOpt('chunkSize')),1);
&gt;&gt; +        for (var offset=0; offset&lt;maxOffset; offset++) {(function(offset){
&gt;&gt; +            window.setTimeout(function(){
&gt;&gt; +                $.chunks.push(new ResumableChunk($.resumableObj, $, offset, chunkEvent));
&gt;&gt; +                $.resumableObj.fire('chunkingProgress',$,offset/maxOffset);
&gt;&gt; +            },0);
&gt;&gt; +        })(offset)}
&gt;&gt; +        window.setTimeout(function(){
&gt;&gt; +            $.resumableObj.fire('chunkingComplete',$);
&gt;&gt; +        },0);
&gt;&gt; +      };
&gt;&gt; +      $.progress = function(){
&gt;&gt; +        if(_error) return(1);
&gt;&gt; +        // Sum up progress across everything
&gt;&gt; +        var ret = 0;
&gt;&gt; +        var error = false;
&gt;&gt; +        $h.each($.chunks, function(c){
&gt;&gt; +          if(c.status()=='error') error = true;
&gt;&gt; +          ret += c.progress(true); // get chunk progress relative to entire file
&gt;&gt; +        });
&gt;&gt; +        ret = (error ? 1 : (ret&gt;0.999 ? 1 : ret));
&gt;&gt; +        ret = Math.max($._prevProgress, ret); // We don't want to lose percentages when an upload is paused
&gt;&gt; +        $._prevProgress = ret;
&gt;&gt; +        return(ret);
&gt;&gt; +      };
&gt;&gt; +      $.isUploading = function(){
&gt;&gt; +        var uploading = false;
&gt;&gt; +        $h.each($.chunks, function(chunk){
&gt;&gt; +          if(chunk.status()=='uploading') {
&gt;&gt; +            uploading = true;
&gt;&gt; +            return(false);
&gt;&gt; +          }
&gt;&gt; +        });
&gt;&gt; +        return(uploading);
&gt;&gt; +      };
&gt;&gt; +      $.isComplete = function(){
&gt;&gt; +        var outstanding = false;
&gt;&gt; +        $h.each($.chunks, function(chunk){
&gt;&gt; +          var status = chunk.status();
&gt;&gt; +          if(status=='pending' || status=='uploading' || chunk.preprocessState === 1) {
&gt;&gt; +            outstanding = true;
&gt;&gt; +            return(false);
&gt;&gt; +          }
&gt;&gt; +        });
&gt;&gt; +        return(!outstanding);
&gt;&gt; +      };
&gt;&gt; +      $.pause = function(pause){
&gt;&gt; +          if(typeof(pause)==='undefined'){
&gt;&gt; +              $._pause = ($._pause ? false : true);
&gt;&gt; +          }else{
&gt;&gt; +              $._pause = pause;
&gt;&gt; +          }
&gt;&gt; +      };
&gt;&gt; +      $.isPaused = function() {
&gt;&gt; +        return $._pause;
&gt;&gt; +      };
&gt;&gt; +
&gt;&gt; +
&gt;&gt; +      // Bootstrap and return
&gt;&gt; +      $.resumableObj.fire('chunkingStart', $);
&gt;&gt; +      $.bootstrap();
&gt;&gt; +      return(this);
&gt;&gt; +    }
&gt;&gt; +
&gt;&gt; +    function ResumableChunk(resumableObj, fileObj, offset, callback){
&gt;&gt; +      var $ = this;
&gt;&gt; +      $.opts = {};
&gt;&gt; +      $.getOpt = resumableObj.getOpt;
&gt;&gt; +      $.resumableObj = resumableObj;
&gt;&gt; +      $.fileObj = fileObj;
&gt;&gt; +      $.fileObjSize = fileObj.size;
&gt;&gt; +      $.fileObjType = fileObj.file.type;
&gt;&gt; +      $.offset = offset;
&gt;&gt; +      $.callback = callback;
&gt;&gt; +      $.lastProgressCallback = (new Date);
&gt;&gt; +      $.tested = false;
&gt;&gt; +      $.retries = 0;
&gt;&gt; +      $.pendingRetry = false;
&gt;&gt; +      $.preprocessState = 0; // 0 = unprocessed, 1 = processing, 2 = finished
&gt;&gt; +
&gt;&gt; +      // Computed properties
&gt;&gt; +      var chunkSize = $.getOpt('chunkSize');
&gt;&gt; +      $.loaded = 0;
&gt;&gt; +      $.startByte = $.offset*chunkSize;
&gt;&gt; +      $.endByte = Math.min($.fileObjSize, ($.offset+1)*chunkSize);
&gt;&gt; +      if ($.fileObjSize-$.endByte &lt; chunkSize &amp;&amp; !$.getOpt('forceChunkSize')) {
&gt;&gt; +        // The last chunk will be bigger than the chunk size, but less than 2*chunkSize
&gt;&gt; +        $.endByte = $.fileObjSize;
&gt;&gt; +      }
&gt;&gt; +      $.xhr = null;
&gt;&gt; +
&gt;&gt; +      // test() makes a GET request without any data to see if the chunk has already been uploaded in a previous session
&gt;&gt; +      $.test = function(){
&gt;&gt; +        // Set up request and listen for event
&gt;&gt; +        $.xhr = new XMLHttpRequest();
&gt;&gt; +
&gt;&gt; +        var testHandler = function(e){
&gt;&gt; +          $.tested = true;
&gt;&gt; +          var status = $.status();
&gt;&gt; +          if(status=='success') {
&gt;&gt; +            $.callback(status, $.message());
&gt;&gt; +            $.resumableObj.uploadNextChunk();
&gt;&gt; +          } else {
&gt;&gt; +            $.send();
&gt;&gt; +          }
&gt;&gt; +        };
&gt;&gt; +        $.xhr.addEventListener('load', testHandler, false);
&gt;&gt; +        $.xhr.addEventListener('error', testHandler, false);
&gt;&gt; +
&gt;&gt; +        // Add data from the query options
&gt;&gt; +        var params = [];
&gt;&gt; +        var customQuery = $.getOpt('query');
&gt;&gt; +        if(typeof customQuery == 'function') customQuery = customQuery($.fileObj, $);
&gt;&gt; +        $h.each(customQuery, function(k,v){
&gt;&gt; +          params.push([encodeURIComponent(k), encodeURIComponent(v)].join('='));
&gt;&gt; +        });
&gt;&gt; +        // Add extra data to identify chunk
&gt;&gt; +        params.push(['resumableChunkNumber', encodeURIComponent($.offset+1)].join('='));
&gt;&gt; +        params.push(['resumableChunkSize', encodeURIComponent($.getOpt('chunkSize'))].join('='));
&gt;&gt; +        params.push(['resumableCurrentChunkSize', encodeURIComponent($.endByte - $.startByte)].join('='));
&gt;&gt; +        params.push(['resumableTotalSize', encodeURIComponent($.fileObjSize)].join('='));
&gt;&gt; +        params.push(['resumableType', encodeURIComponent($.fileObjType)].join('='));
&gt;&gt; +        params.push(['resumableIdentifier', encodeURIComponent($.fileObj.uniqueIdentifier)].join('='));
&gt;&gt; +        params.push(['resumableFilename', encodeURIComponent($.fileObj.fileName)].join('='));
&gt;&gt; +        params.push(['resumableRelativePath', encodeURIComponent($.fileObj.relativePath)].join('='));
&gt;&gt; +        // Append the relevant chunk and send it
&gt;&gt; +        $.xhr.open('GET', $h.getTarget(params));
&gt;&gt; +        $.xhr.timeout = $.getOpt('xhrTimeout');
&gt;&gt; +        $.xhr.withCredentials = $.getOpt('withCredentials');
&gt;&gt; +        // Add data from header options
&gt;&gt; +        $h.each($.getOpt('headers'), function(k,v) {
&gt;&gt; +          $.xhr.setRequestHeader(k, v);
&gt;&gt; +        });
&gt;&gt; +        $.xhr.send(null);
&gt;&gt; +      };
&gt;&gt; +
&gt;&gt; +      $.preprocessFinished = function(){
&gt;&gt; +        $.preprocessState = 2;
&gt;&gt; +        $.send();
&gt;&gt; +      };
&gt;&gt; +
&gt;&gt; +      // send() uploads the actual data in a POST call
&gt;&gt; +      $.send = function(){
&gt;&gt; +        var preprocess = $.getOpt('preprocess');
&gt;&gt; +        if(typeof preprocess === 'function') {
&gt;&gt; +          switch($.preprocessState) {
&gt;&gt; +          case 0: preprocess($); $.preprocessState = 1; return;
&gt;&gt; +          case 1: return;
&gt;&gt; +          case 2: break;
&gt;&gt; +          }
&gt;&gt; +        }
&gt;&gt; +        if($.getOpt('testChunks') &amp;&amp; !$.tested) {
&gt;&gt; +          $.test();
&gt;&gt; +          return;
&gt;&gt; +        }
&gt;&gt; +
&gt;&gt; +        // Set up request and listen for event
&gt;&gt; +        $.xhr = new XMLHttpRequest();
&gt;&gt; +
&gt;&gt; +        // Progress
&gt;&gt; +        $.xhr.upload.addEventListener('progress', function(e){
&gt;&gt; +          if( (new Date) - $.lastProgressCallback &gt; $.getOpt('throttleProgressCallbacks') * 1000 ) {
&gt;&gt; +            $.callback('progress');
&gt;&gt; +            $.lastProgressCallback = (new Date);
&gt;&gt; +          }
&gt;&gt; +          $.loaded=e.loaded||0;
&gt;&gt; +        }, false);
&gt;&gt; +        $.loaded = 0;
&gt;&gt; +        $.pendingRetry = false;
&gt;&gt; +        $.callback('progress');
&gt;&gt; +
&gt;&gt; +        // Done (either done, failed or retry)
&gt;&gt; +        var doneHandler = function(e){
&gt;&gt; +          var status = $.status();
&gt;&gt; +          if(status=='success'||status=='error') {
&gt;&gt; +            $.callback(status, $.message());
&gt;&gt; +            $.resumableObj.uploadNextChunk();
&gt;&gt; +          } else {
&gt;&gt; +            $.callback('retry', $.message());
&gt;&gt; +            $.abort();
&gt;&gt; +            $.retries++;
&gt;&gt; +            var retryInterval = $.getOpt('chunkRetryInterval');
&gt;&gt; +            if(retryInterval !== undefined) {
&gt;&gt; +              $.pendingRetry = true;
&gt;&gt; +              setTimeout($.send, retryInterval);
&gt;&gt; +            } else {
&gt;&gt; +              $.send();
&gt;&gt; +            }
&gt;&gt; +          }
&gt;&gt; +        };
&gt;&gt; +        $.xhr.addEventListener('load', doneHandler, false);
&gt;&gt; +        $.xhr.addEventListener('error', doneHandler, false);
&gt;&gt; +
&gt;&gt; +        // Set up the basic query data from Resumable
&gt;&gt; +        var query = {
&gt;&gt; +          resumableChunkNumber: $.offset+1,
&gt;&gt; +          resumableChunkSize: $.getOpt('chunkSize'),
&gt;&gt; +          resumableCurrentChunkSize: $.endByte - $.startByte,
&gt;&gt; +          resumableTotalSize: $.fileObjSize,
&gt;&gt; +          resumableType: $.fileObjType,
&gt;&gt; +          resumableIdentifier: $.fileObj.uniqueIdentifier,
&gt;&gt; +          resumableFilename: $.fileObj.fileName,
&gt;&gt; +          resumableRelativePath: $.fileObj.relativePath,
&gt;&gt; +          resumableTotalChunks: $.fileObj.chunks.length
&gt;&gt; +        };
&gt;&gt; +        // Mix in custom data
&gt;&gt; +        var customQuery = $.getOpt('query');
&gt;&gt; +        if(typeof customQuery == 'function') customQuery = customQuery($.fileObj, $);
&gt;&gt; +        $h.each(customQuery, function(k,v){
&gt;&gt; +          query[k] = v;
&gt;&gt; +        });
&gt;&gt; +
&gt;&gt; +        var func   = ($.fileObj.file.slice ? 'slice' : ($.fileObj.file.mozSlice ? 'mozSlice' : ($.fileObj.file.webkitSlice ? 'webkitSlice' : 'slice'))),
&gt;&gt; +        bytes  = $.fileObj.file[func]($.startByte,$.endByte),
&gt;&gt; +        data   = null,
&gt;&gt; +        target = $.getOpt('target');
&gt;&gt; +
&gt;&gt; +        if ($.getOpt('method') === 'octet') {
&gt;&gt; +          // Add data from the query options
&gt;&gt; +          data = bytes;
&gt;&gt; +          var params = [];
&gt;&gt; +          $h.each(query, function(k,v){
&gt;&gt; +            params.push([encodeURIComponent(k), encodeURIComponent(v)].join('='));
&gt;&gt; +          });
&gt;&gt; +          target = $h.getTarget(params);
&gt;&gt; +        } else {
&gt;&gt; +          // Add data from the query options
&gt;&gt; +          data = new FormData();
&gt;&gt; +          $h.each(query, function(k,v){
&gt;&gt; +            data.append(k,v);
&gt;&gt; +          });
&gt;&gt; +          data.append($.getOpt('fileParameterName'), bytes);
&gt;&gt; +        }
&gt;&gt; +
&gt;&gt; +        $.xhr.open('POST', target);
&gt;&gt; +        $.xhr.timeout = $.getOpt('xhrTimeout');
&gt;&gt; +        $.xhr.withCredentials = $.getOpt('withCredentials');
&gt;&gt; +        // Add data from header options
&gt;&gt; +        $h.each($.getOpt('headers'), function(k,v) {
&gt;&gt; +          $.xhr.setRequestHeader(k, v);
&gt;&gt; +        });
&gt;&gt; +        $.xhr.send(data);
&gt;&gt; +      };
&gt;&gt; +      $.abort = function(){
&gt;&gt; +        // Abort and reset
&gt;&gt; +        if($.xhr) $.xhr.abort();
&gt;&gt; +        $.xhr = null;
&gt;&gt; +      };
&gt;&gt; +      $.status = function(){
&gt;&gt; +        // Returns: 'pending', 'uploading', 'success', 'error'
&gt;&gt; +        if($.pendingRetry) {
&gt;&gt; +          // if pending retry then that's effectively the same as actively uploading,
&gt;&gt; +          // there might just be a slight delay before the retry starts
&gt;&gt; +          return('uploading');
&gt;&gt; +        } else if(!$.xhr) {
&gt;&gt; +          return('pending');
&gt;&gt; +        } else if($.xhr.readyState&lt;4) {
&gt;&gt; +          // Status is really 'OPENED', 'HEADERS_RECEIVED' or 'LOADING' - meaning that stuff is happening
&gt;&gt; +          return('uploading');
&gt;&gt; +        } else {
&gt;&gt; +          if($.xhr.status==200) {
&gt;&gt; +            // HTTP 200, perfect
&gt;&gt; +            return('success');
&gt;&gt; +          } else if($h.contains($.getOpt('permanentErrors'), $.xhr.status) || $.retries &gt;= $.getOpt('maxChunkRetries')) {
&gt;&gt; +            // HTTP 415/500/501, permanent error
&gt;&gt; +            return('error');
&gt;&gt; +          } else {
&gt;&gt; +            // this should never happen, but we'll reset and queue a retry
&gt;&gt; +            // a likely case for this would be 503 service unavailable
&gt;&gt; +            $.abort();
&gt;&gt; +            return('pending');
&gt;&gt; +          }
&gt;&gt; +        }
&gt;&gt; +      };
&gt;&gt; +      $.message = function(){
&gt;&gt; +        return($.xhr ? $.xhr.responseText : '');
&gt;&gt; +      };
&gt;&gt; +      $.progress = function(relative){
&gt;&gt; +        if(typeof(relative)==='undefined') relative = false;
&gt;&gt; +        var factor = (relative ? ($.endByte-$.startByte)/$.fileObjSize : 1);
&gt;&gt; +        if($.pendingRetry) return(0);
&gt;&gt; +        var s = $.status();
&gt;&gt; +        switch(s){
&gt;&gt; +        case 'success':
&gt;&gt; +        case 'error':
&gt;&gt; +          return(1*factor);
&gt;&gt; +        case 'pending':
&gt;&gt; +          return(0*factor);
&gt;&gt; +        default:
&gt;&gt; +          return($.loaded/($.endByte-$.startByte)*factor);
&gt;&gt; +        }
&gt;&gt; +      };
&gt;&gt; +      return(this);
&gt;&gt; +    }
&gt;&gt; +
&gt;&gt; +    // QUEUE
&gt;&gt; +    $.uploadNextChunk = function(){
&gt;&gt; +      var found = false;
&gt;&gt; +
&gt;&gt; +      // In some cases (such as videos) it's really handy to upload the first
&gt;&gt; +      // and last chunk of a file quickly; this let's the server check the file's
&gt;&gt; +      // metadata and determine if there's even a point in continuing.
&gt;&gt; +      if ($.getOpt('prioritizeFirstAndLastChunk')) {
&gt;&gt; +        $h.each($.files, function(file){
&gt;&gt; +          if(file.chunks.length &amp;&amp; file.chunks[0].status()=='pending' &amp;&amp; file.chunks[0].preprocessState === 0) {
&gt;&gt; +            file.chunks[0].send();
&gt;&gt; +            found = true;
&gt;&gt; +            return(false);
&gt;&gt; +          }
&gt;&gt; +          if(file.chunks.length&gt;1 &amp;&amp; file.chunks[file.chunks.length-1].status()=='pending' &amp;&amp; file.chunks[file.chunks.length-1].preprocessState === 0) {
&gt;&gt; +            file.chunks[file.chunks.length-1].send();
&gt;&gt; +            found = true;
&gt;&gt; +            return(false);
&gt;&gt; +          }
&gt;&gt; +        });
&gt;&gt; +        if(found) return(true);
&gt;&gt; +      }
&gt;&gt; +
&gt;&gt; +      // Now, simply look for the next, best thing to upload
&gt;&gt; +      $h.each($.files, function(file){
&gt;&gt; +        if(file.isPaused()===false){
&gt;&gt; +         $h.each(file.chunks, function(chunk){
&gt;&gt; +           if(chunk.status()=='pending' &amp;&amp; chunk.preprocessState === 0) {
&gt;&gt; +             chunk.send();
&gt;&gt; +             found = true;
&gt;&gt; +             return(false);
&gt;&gt; +           }
&gt;&gt; +          });
&gt;&gt; +        }
&gt;&gt; +        if(found) return(false);
&gt;&gt; +      });
&gt;&gt; +      if(found) return(true);
&gt;&gt; +
&gt;&gt; +      // The are no more outstanding chunks to upload, check is everything is done
&gt;&gt; +      var outstanding = false;
&gt;&gt; +      $h.each($.files, function(file){
&gt;&gt; +        if(!file.isComplete()) {
&gt;&gt; +          outstanding = true;
&gt;&gt; +          return(false);
&gt;&gt; +        }
&gt;&gt; +      });
&gt;&gt; +      if(!outstanding) {
&gt;&gt; +        // All chunks have been uploaded, complete
&gt;&gt; +        $.fire('complete');
&gt;&gt; +      }
&gt;&gt; +      return(false);
&gt;&gt; +    };
&gt;&gt; +
&gt;&gt; +
&gt;&gt; +    // PUBLIC METHODS FOR RESUMABLE.JS
&gt;&gt; +    $.assignBrowse = function(domNodes, isDirectory){
&gt;&gt; +      if(typeof(domNodes.length)=='undefined') domNodes = [domNodes];
&gt;&gt; +
&gt;&gt; +      $h.each(domNodes, function(domNode) {
&gt;&gt; +        var input;
&gt;&gt; +        if(domNode.tagName==='INPUT' &amp;&amp; domNode.type==='file'){
&gt;&gt; +          input = domNode;
&gt;&gt; +        } else {
&gt;&gt; +          input = document.createElement('input');
&gt;&gt; +          input.setAttribute('type', 'file');
&gt;&gt; +          input.style.display = 'none';
&gt;&gt; +          domNode.addEventListener('click', function(){
&gt;&gt; +            input.style.opacity = 0;
&gt;&gt; +            input.style.display='block';
&gt;&gt; +            input.focus();
&gt;&gt; +            input.click();
&gt;&gt; +            input.style.display='none';
&gt;&gt; +          }, false);
&gt;&gt; +          domNode.appendChild(input);
&gt;&gt; +        }
&gt;&gt; +        var maxFiles = $.getOpt('maxFiles');
&gt;&gt; +        if (typeof(maxFiles)==='undefined'||maxFiles!=1){
&gt;&gt; +          input.setAttribute('multiple', 'multiple');
&gt;&gt; +        } else {
&gt;&gt; +          input.removeAttribute('multiple');
&gt;&gt; +        }
&gt;&gt; +        if(isDirectory){
&gt;&gt; +          input.setAttribute('webkitdirectory', 'webkitdirectory');
&gt;&gt; +        } else {
&gt;&gt; +          input.removeAttribute('webkitdirectory');
&gt;&gt; +        }
&gt;&gt; +        // When new files are added, simply append them to the overall list
&gt;&gt; +        input.addEventListener('change', function(e){
&gt;&gt; +          appendFilesFromFileList(e.target.files,e);
&gt;&gt; +          e.target.value = '';
&gt;&gt; +        }, false);
&gt;&gt; +      });
&gt;&gt; +    };
&gt;&gt; +    $.assignDrop = function(domNodes){
&gt;&gt; +      if(typeof(domNodes.length)=='undefined') domNodes = [domNodes];
&gt;&gt; +
&gt;&gt; +      $h.each(domNodes, function(domNode) {
&gt;&gt; +        domNode.addEventListener('dragover', onDragOver, false);
&gt;&gt; +        domNode.addEventListener('drop', onDrop, false);
&gt;&gt; +      });
&gt;&gt; +    };
&gt;&gt; +    $.unAssignDrop = function(domNodes) {
&gt;&gt; +      if (typeof(domNodes.length) == 'undefined') domNodes = [domNodes];
&gt;&gt; +
&gt;&gt; +      $h.each(domNodes, function(domNode) {
&gt;&gt; +        domNode.removeEventListener('dragover', onDragOver);
&gt;&gt; +        domNode.removeEventListener('drop', onDrop);
&gt;&gt; +      });
&gt;&gt; +    };
&gt;&gt; +    $.isUploading = function(){
&gt;&gt; +      var uploading = false;
&gt;&gt; +      $h.each($.files, function(file){
&gt;&gt; +        if (file.isUploading()) {
&gt;&gt; +          uploading = true;
&gt;&gt; +          return(false);
&gt;&gt; +        }
&gt;&gt; +      });
&gt;&gt; +      return(uploading);
&gt;&gt; +    };
&gt;&gt; +    $.upload = function(){
&gt;&gt; +      // Make sure we don't start too many uploads at once
&gt;&gt; +      if($.isUploading()) return;
&gt;&gt; +      // Kick off the queue
&gt;&gt; +      $.fire('uploadStart');
&gt;&gt; +      for (var num=1; num&lt;=$.getOpt('simultaneousUploads'); num++) {
&gt;&gt; +        $.uploadNextChunk();
&gt;&gt; +      }
&gt;&gt; +    };
&gt;&gt; +    $.pause = function(){
&gt;&gt; +      // Resume all chunks currently being uploaded
&gt;&gt; +      $h.each($.files, function(file){
&gt;&gt; +        file.abort();
&gt;&gt; +      });
&gt;&gt; +      $.fire('pause');
&gt;&gt; +    };
&gt;&gt; +    $.cancel = function(){
&gt;&gt; +      for(var i = $.files.length - 1; i &gt;= 0; i--) {
&gt;&gt; +        $.files[i].cancel();
&gt;&gt; +      }
&gt;&gt; +      $.fire('cancel');
&gt;&gt; +    };
&gt;&gt; +    $.progress = function(){
&gt;&gt; +      var totalDone = 0;
&gt;&gt; +      var totalSize = 0;
&gt;&gt; +      // Resume all chunks currently being uploaded
&gt;&gt; +      $h.each($.files, function(file){
&gt;&gt; +        totalDone += file.progress()*file.size;
&gt;&gt; +        totalSize += file.size;
&gt;&gt; +      });
&gt;&gt; +      return(totalSize&gt;0 ? totalDone/totalSize : 0);
&gt;&gt; +    };
&gt;&gt; +    $.addFile = function(file, event){
&gt;&gt; +      appendFilesFromFileList([file], event);
&gt;&gt; +    };
&gt;&gt; +    $.removeFile = function(file){
&gt;&gt; +      for(var i = $.files.length - 1; i &gt;= 0; i--) {
&gt;&gt; +        if($.files[i] === file) {
&gt;&gt; +          $.files.splice(i, 1);
&gt;&gt; +        }
&gt;&gt; +      }
&gt;&gt; +    };
&gt;&gt; +    $.getFromUniqueIdentifier = function(uniqueIdentifier){
&gt;&gt; +      var ret = false;
&gt;&gt; +      $h.each($.files, function(f){
&gt;&gt; +        if(f.uniqueIdentifier==uniqueIdentifier) ret = f;
&gt;&gt; +      });
&gt;&gt; +      return(ret);
&gt;&gt; +    };
&gt;&gt; +    $.getSize = function(){
&gt;&gt; +      var totalSize = 0;
&gt;&gt; +      $h.each($.files, function(file){
&gt;&gt; +        totalSize += file.size;
&gt;&gt; +      });
&gt;&gt; +      return(totalSize);
&gt;&gt; +    };
&gt;&gt; +
&gt;&gt; +    return(this);
&gt;&gt; +  };
&gt;&gt; +
&gt;&gt; +
&gt;&gt; +  // Node.js-style export for Node and Component
&gt;&gt; +  if (typeof module != 'undefined') {
&gt;&gt; +    module.exports = Resumable;
&gt;&gt; +  } else if (typeof define === "function" &amp;&amp; define.amd) {
&gt;&gt; +    // AMD/requirejs: Define the module
&gt;&gt; +    define(function(){
&gt;&gt; +      return Resumable;
&gt;&gt; +    });
&gt;&gt; +  } else {
&gt;&gt; +    // Browser: Expose to window
&gt;&gt; +    window.Resumable = Resumable;
&gt;&gt; +  }
&gt;&gt; +
&gt;&gt; +})();
&gt;&gt; diff --git a/ui/js/src/kimchi.template_add_main.js b/ui/js/src/kimchi.template_add_main.js
&gt;&gt; index dbb3952..5651424 100644
&gt;&gt; --- a/ui/js/src/kimchi.template_add_main.js
&gt;&gt; +++ b/ui/js/src/kimchi.template_add_main.js
&gt;&gt; @@ -387,6 +387,33 @@ kimchi.template_add_main = function() {
&gt;&gt;               }
&gt;&gt;           }
&gt;&gt;       };
&gt;&gt; +    //1-3 upload iso
&gt;&gt; +    $('#iso-upload').click(function() {
&gt;&gt; +        kimchi.switchPage('iso-type-box', 'iso-upload-box');
&gt;&gt; +    });
&gt;&gt; +
&gt;&gt; +    $('#iso-upload-box-back').click(function() {
&gt;&gt; +        kimchi.switchPage('iso-upload-box', 'iso-type-box', 'right');
&gt;&gt; +    });
&gt;&gt; +
&gt;&gt; +    var r = new Resumable({
&gt;&gt; +        target:'storagepools/upload'
&gt;&gt; +    });
&gt;&gt; +
&gt;&gt; +    r.on('fileProgress', function(file){
&gt;&gt; +        console.debug(file);
&gt;&gt; +        var element=document.getElementById("upload");
&gt;&gt; +        var progress = Math.round(file.progress()*100)+"%"
&gt;&gt; +        element.innerHTML=file.fileName+ "-" + progress;
&gt;&gt; +        var tmp=document.getElementById("movie");
&gt;&gt; +        tmp.innerHTML=['&lt;div class="uploadify-progress"&gt;&lt;div class="uploadify-progress-bar" style="width:', progress,'"&gt;&lt;/div&gt;&lt;/div&gt;'].join("")
&gt;&gt; +    });
&gt;&gt; +
&gt;&gt; +    r.on('fileAdded', function(file, event){
&gt;&gt; +        r.upload();
&gt;&gt; +    });
&gt;&gt; +
&gt;&gt; +    r.assignBrowse(document.getElementById('browseButton'));
&gt;&gt;   };
&gt;&gt;   
&gt;&gt;   kimchi.template_check_url = function(url) {
&gt;&gt; diff --git a/ui/pages/kimchi-ui.html.tmpl b/ui/pages/kimchi-ui.html.tmpl
&gt;&gt; index 08b27a8..542cd43 100644
&gt;&gt; --- a/ui/pages/kimchi-ui.html.tmpl
&gt;&gt; +++ b/ui/pages/kimchi-ui.html.tmpl
&gt;&gt; @@ -38,6 +38,7 @@
&gt;&gt;   &lt;script src="$href('libs/jquery-ui.min.js')"&gt;&lt;/script&gt;
&gt;&gt;   &lt;script src="$href('libs/jquery-ui-i18n.min.js')"&gt;&lt;/script&gt;
&gt;&gt;   &lt;script src="$href('js/kimchi.min.js')"&gt;&lt;/script&gt;
&gt;&gt; +&lt;script src="$href('js/resumable.js')"&gt;&lt;/script&gt;
&gt;&gt;   
&gt;&gt;   &lt;!-- This is used for detecting if the UI needs to be built --&gt;
&gt;&gt;   &lt;style type="text/css"&gt;
&gt;&gt; diff --git a/ui/pages/template-add.html.tmpl b/ui/pages/template-add.html.tmpl
&gt;&gt; index afe22dd..ecda083 100644
&gt;&gt; --- a/ui/pages/template-add.html.tmpl
&gt;&gt; +++ b/ui/pages/template-add.html.tmpl
&gt;&gt; @@ -41,6 +41,9 @@
&gt;&gt;                       &lt;li&gt;
&gt;&gt;                           &lt;a id="iso-remote" class="remote"&gt;$_("Remote ISO Image")&lt;/a&gt;
&gt;&gt;                       &lt;/li&gt;
&gt;&gt; +                    &lt;li&gt;
&gt;&gt; +                        &lt;a id="iso-upload" class="local"&gt;$_("Upload ISO Image")&lt;/a&gt;
&gt;&gt; +                    &lt;/li&gt;
&gt;&gt;                   &lt;/ul&gt;
&gt;&gt;               &lt;/div&gt;
&gt;&gt;   
&gt;&gt; @@ -204,6 +207,16 @@
&gt;&gt;                   &lt;/div&gt;
&gt;&gt;   
&gt;&gt;               &lt;/div&gt;
&gt;&gt; +        &lt;!-- 1-3--&gt;
&gt;&gt; +            &lt;div class="page" id="iso-upload-box"&gt;
&gt;&gt; +                 &lt;header&gt;
&gt;&gt; +                    &lt;a class="back" id="iso-upload-box-back"&gt;&lt;/a&gt;
&gt;&gt; +                    &lt;h2 class="step-title"&gt;$_("Upload ISO Image")&lt;/h2&gt;
&gt;&gt; +                 &lt;/header&gt;
&gt;&gt; +                 &lt;a href="#" id="browseButton" class="uploadify-button"&gt;Select files&lt;/a&gt;
&gt;&gt; +                 &lt;div id="upload"&gt;&lt;/div&gt;
&gt;&gt; +                 &lt;div id="movie"&gt;&lt;/div&gt;
&gt;&gt; +            &lt;/div&gt;
&gt;&gt;           &lt;/div&gt;
&gt;&gt;       &lt;/div&gt;
&gt;&gt;   &lt;/div&gt;
&gt;
</pre></div><br><br><span title="neteasefooter"><span id="netease_mail_footer"></span></span>