ajax实现上传图片的方法

document.getElementById( 'img').addEventListener( 'change', function () {
        var reader = new FileReader();
        
        reader.readAsDataURL(this.files[0]);
        console.log(this.files[0]);
        var fileSize = Math.round( this.files[0].size/1024/1024) ; //以M为单位
        //this.files[0] 该信息包含：图片的大小，以byte计算 获取size的方法如下：this.files[0].size;

        var fd = new FormData();
        fd.append("upload", 1);
        fd.append("_csrf", "<?= Yii::$app->request->csrfToken ?>");
        fd.append("img", $("#img").get(0).files[0]);
        $.ajax({
          url: "/ucenter/imageh5",
          type: "POST",
          processData: false,
          contentType: false,
          data: fd,
          success: function(data) {
            if(data.code == 0){
//                console.log(data.code);
                location.href = '/ucenter/info';
            }else{
//                console.log(data.msg);
                notice('头像不能超过1M');
                return false;
            }
          }
        });

   }, false);

这种是以文件形式提交的，而且图片没有被压缩，php按文件处理。