document.querySelector('input').addEventListener('change', function () {
 // this.files[0] 是用戶選擇的文件
 lrz(this.files[0], {width: 1024})
  .then(function (rst) {
  
   // 把處理的好的圖片給用戶看看唄（可選）
   var img = new Image();
   img.src = rst.base64; //base64字符串

   img.onload = function () {
    document.body.appendChild(img);
   };

   return rst;
  })

  .then(function (rst) {
   // 這里該上傳給后端啦

   /* ==================================================== */
   // 原生ajax上傳代碼，所以看起來特別多，但絕對能用
   // 其他框架，例如jQuery處理formData略有不同，請自行g(shù)oogle，baidu。
   var xhr = new XMLHttpRequest();
   xhr.open('POST', 'http://localhost:5000/');

   xhr.onload = function () {
    if (xhr.status === 200) {
     // 上傳成功
    } else {
     // 處理其他情況
    }
   };

   xhr.onerror = function () {
    // 處理錯誤
   };

   xhr.upload.onprogress = function (e) {
    // 上傳進(jìn)度
    var percentComplete = ((e.loaded / e.total) || 0) * 100;
   };

   // 添加參數(shù)
   rst.formData.append('fileLen', rst.fileLen);
   rst.formData.append('xxx', '我是其他參數(shù)');

   // 觸發(fā)上傳
   xhr.send(rst.formData);
   /* ==================================================== */

   return rst;
  })

  .catch(function (err) {
   // 萬一出錯了，這里可以捕捉到錯誤信息
   // 而且以上的then都不會執(zhí)行

   alert(err);
  })

  .always(function () {
   // 不管是成功失敗，這里都會執(zhí)行
  });
});

$(function(){
 $('input[name=logo]').on('change', function(){
   lrz(this.files[0], {width: 640})
   .then(function (rst) {

    $.ajax({
     url: site_url + 'api/user/updLogo',
     type: 'post',
     data: {img: rst.base64},
     dataType: 'json',
     timeout: 200000,
     error: doAjax.error,
     success: doAjax.success,
    });
     
   })
   .catch(function (err) {

   })
   .always(function () {

   });
 });
});

lrz('./xxx/xx/x.png')
  .then(function (rst) {
   // 處理成功會執(zhí)行
  })
  .catch(function (err){
   // 處理失敗會執(zhí)行
  })
  .always(function () {
   // 不管是成功失敗，都會執(zhí)行
  });

$base64_image_content = $_POST['img'];

if (preg_match('/^(data:\s*image\/(\w+);base64,)/', $base64_image_content, $result)){
 $type = $result[2]; //jpeg
 
 //去除圖片類型
 $img = base64_decode(str_replace($result[1], '', $base64_image_content)); //返回文件流
}

//使用AliOSS上傳
$url = OSS::upload($img, $type);

Array
(
 [0] => data:image/jpeg;base64,
 [1] => data:image/jpeg;base64,
 [2] => jpeg
)

 
 
 
 



 上傳圖片
 

<?php

$base64_image_content = $_POST['img'];

if (preg_match('/^(data:\s*image\/(\w+);base64,)/', $base64_image_content, $result)){
 $type = $result[2]; //jpeg
 $img = base64_decode(str_replace($result[1], '', $base64_image_content)); //返回文件流
}

//var_dump($_POST); //string(1507) "data:image/jpeg;base64,/9j/4AAQSkZJR...
//var_dump($result); //"data:image/jpeg;base64," "data:image/jpeg;base64," "jpeg"
//var_dump($img); //返回的是資源，直接使用可以顯示圖片

/* 輸出到文件 */
//方式一：直接使用file_put_contents
$tmp_file = time(). '.' .$type;
//file_put_contents($tmp_file, $img); //可以直接將文件流保存為本地圖片

//方式二：先轉(zhuǎn)換為GD圖像資源，再生成文件或顯示輸出
$im = imagecreatefromstring($img); //resource(2) of type (gd) 圖像資源
imagejpeg ($im, $tmp_file); //圖像流（image）以 JPEG 格式輸出到標(biāo)準(zhǔn)輸出(瀏覽器或者文件)

//或者使用AliOSS上傳
//$url = OSS::upload($img, $type);

return ajaxReturn($tmp_file);

function ajaxReturn($data = array(), $code = 0, $msg = '成功'){
 $result = array(
  'result' => $data,
  'ecd' => $code,
  'msg' => $msg,
 );
 
 echo json_encode($result);
 exit;
}