js 怎么获取表单上传的图片的二进制数据 然后ajax提交到php？ 不用上传组件

Question

不用上传组件用js获取上传图片的二进制数据

Answer 1

用formData.append()将File转换成Blob（File） 类型，然后ajax formData

    var filearr = [];

var myfile = document.getElementById('file');

myfile.onchange = function(){

    var files = this.files; 

    for(var i = 0;i<files.length;i++){                

         filearr.push(files[i]);

    }

}

function sub(){        

    var formData = new FormData();                

    for(var i =0;i<filearr.length;i++){    //提交时，我们把filearr中的数据遍历一遍

        formData.append("upfile[]", filearr[i]); //用append添加到formData中，就得用户最重要提交的图片了    

    };

    $.ajax({

          url: "1.php",

          type: "POST",

          data:formData,

          cache:false,         //不设置缓存

          processData: false,  // 不处理数据

          contentType: false   // 不设置内容类型

    });    

}