携帯電話で圧縮した画像はbase64経由でアップロードされるため、ajaxでは投稿できません。-PHPチュートリアル-php.cn

携帯電話の圧縮画像は Base64 経由でアップロードされます。Ajax は投稿できません

测试上传文件 body { margin: 20px 20%; color: #777; text-align: center; } var input = document.querySelector('input'); input.onchange = function () { lrz(this.files[0], {width: 800, height: 600,quality:0.5, before: function(){}, fail: function(){}, done: function (results) { // 你需要的数据都在这里，可以以字符串的形式传送base64给服务端转存为图片。 var img = new Image(); $('body').append(img); // 发送到后端 var xhr = new XMLHttpRequest(); var data = { base64: results.base64, size: results.base64.length // 校验用，防止未完整接收 }; xhr.open('POST', '1.php'); xhr.setRequestHeader('Content-Type', 'application/json; charset=utf-8'); xhr.onreadystatechange = function () { if (xhr.readyState === 4 && xhr.status === 200) { var result = JSON.parse(xhr.response); result.error ? alert('服务端错误，未能保存图片') //: demo_report('服务端实存的图片', result.src, result.size); : img.src = result.src; } }; xhr.send(JSON.stringify(data)); // 发送base64

}, always: function(){

} } )};

$base64=file_get_contents("php://input"); //获取输入流 $base64=json_decode($base64,1); $data = $base64['base64']; preg_match("/data:image\/(.*);base64,/",$data,$res); $ext = $res[1]; if(!in_array($ext,array("jpg","jpeg","png","gif"))){ echo json_encode(array("error"=>1));die; } $file=time().'.'.$ext; $data = preg_replace("/data:image\/(.*);base64,/","",$data); if (file_put_contents('../uploadFiles/'.$file,base64_decode($data))===false) { echo json_encode(array("error"=>1)); }else{ echo json_encode(array("error"=>0,'src'=>'../uploadFiles/'.$file));

}

このコードは Ubuntu にアップロードされており、Android 4.4 携帯電話のアクセスに問題があります。となりますが、PC側には問題ありません。私のコンピュータwin、携帯電話、PCには問題はありません。 xhr.send(JSON.stringify(data)); //投稿データをまったく含まずにbase64 を送信します。 ------解決策---------------------- それができるクライアントがいる限りアップロードが成功した場合、コードに大きな問題がないことを意味します。一部は単なる互換性の問題です すでに jQuery を使用しているのであれば、jQuery が提供する ajax を使用してみてはいかがでしょうか?少なくとも彼はあなたのために互換性作業を行ってくれました -----解決策のアイデア---------------------- モデレータに同意します

Android WeChat ブラウザでテストすると、アップロードがブロックされていることが原因であることがわかります

。 --- ---解決策のアイデア---------------------- jquery を直接使用すると、互換性の問題をより適切に解決できます。