FormDataオブジェクトを使用したファイルのアップロード

var form = document.getElementById("chooseFile");
form.addEventListener('change', function(ev) {//  file      
  var oData = new FormData();
  var file=this.files[0];
  //    
  formData.append('file', file);  //   
  formData.append('params', '  ');
  formData.append('array',JSON.stringify([1,2,3])); 

  var xhr = new XMLHttpRequest();
  xhr.open("post",url,true); //post  ，url        ，true              。
  xhr.upload.onloadstart = function(){//    
      //...
  };
  xhr.upload.onprogress = function(evt){//       
    var loaded = evt.loaded;//        
    var tot = evt.total;//     
    var per = Math.floor(100 * loaded / tot);  //        
    $('#uploadprogress').removeClass('hide').css('width',per+'%');
  };
  xhr.onload = function (evt) {//    
     //...       
  };
  xhr.onerror = function () {
    alert('    ');
  };
 xhr.send(oData); //    ，  form  
}, false);

ドラッグアップロード

</code></pre> 
 <pre><code> $(".divFile7")[0].ondrop = function (event) {

     event.preventDefault();//              
     var files = event.dataTransfer.files;//        

     //      
     var formData = new FormData();
     //      ......
 };</code></pre> 
 <p>  jqery         <br/>   processData   false</p> 
 <pre><code>$.ajax({
     url: "/Home/SaveFile2",
     type: "POST",
     data: formData,
     processData: false,  //   jQuery          
     contentType: false,   //   jQuery     Content-Type   
     success: function (responseText) {
         alert(responseText);
     }
 });</code></pre> 
 <p>            base64</p> 
 <pre><code>document.getElementById('messageText').addEventListener('paste',function(e){
        var data=e.clipboardData||window.clipboardData;
        blob=data.items[0].getAsFile();//      
        var isImg=(blob&&1)||-1;//       ，          
        var reader=new FileReader();
        if(isImg>=0){
            reader.readAsDataURL(blob);//       DataURL
        }
        reader.onload=function(event){//         
            //event.target.result      base64  
        };
});</code></pre> 
</div>
                            </div>
                        </div>