이 글은 PHP에서 Trait의 특징과 사용법을 소개합니다(코드 포함). 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.
1. base64로 인코딩된 이미지를 처리하고 저장한 후 저장된 이미지 URL을 반환합니다. (CANVAS로 변환된 이미지를 처리하고 저장하는 데 사용할 수 있습니다.)
2. 이미지를 처리하고 base64로 인코딩된 이미지를 반환합니다. (일반적으로 JS 크로스를 해결합니다.) -도메인 문제)
데모 코드(테스트에는 서버 환경을 사용하세요: localhost):
<!DOCTYPE> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>test</title> </head> <body> <div>1、处理保存 base64编码 的图片,并返回保存的图片URL</div> <img id="get_imgUrl" src="" /> <div>2、处理图片,并返回 base64编码 的图片</div> <img id="get_base64" src="" /> <script type="text/javascript" src="https://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script> <script type="text/javascript"> //1、处理保存 base64编码 的图片,并返回保存的图片URL function getNewImgUrl(){ // var new_img_src = mycanvas.toDataURL("image/jpg"); var new_img_src = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAzFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////8slq////8fkKoolK4qla7q9fcikasVi6fs9vhkssVgsMMlk60bjqliscTp9Pfe7/P7/f6Fw9GXy9jV6u/R6e5Np7vv9/m53OWr1eBYrcA4nLRJpLr1+vzj8vVut8nF4ukKhaKAwM9er8L3+/3W6/B/v8+BkGs6AAAAHnRSTlMAA2QdWCLjy/bu68iSe3heH/h1CucH8s6fnZuajswXGpFAAAACYElEQVQ4y42V2XriMAyFnQBlX1qg+0QOsUNMkgIJFChQaOf932nkLDN2CP1Gd5gfS+dYEkSLYaX/0h41GqP2S78yJNei0m+DEu1+pRSr9ZoA8OaE31H0HTpvANDs1S656g0AhOv5ZitmM7HdzNchHtxUi9ydxBYx51RMLGsiKOfxQqJ3Gma84tF7zClCeUwoj9/x+NVQuA4WN7epVQhqz7HUjqHm/Zh+IlcMQQ8fSvZqA7nD0bOLnM2YJBuZohrqnX8eIfBE4b5ztGB0jtpTl7qow6ZegCRTxbBzAEsmbFTUTd6jCfuYWsIPwPHo3/TJTx0sh8Z7aMo3MgEWXCbyXXD9mZ1xs+SjLIYvAExCxm3Y7xLBzHfAnSKZc47PEpN2e2gbpAKw5pPU4WlGIjdFbkrTc74GqJA+Ws2z8vOvJzS5PH8njrb3yTMEm9xqvGiFAhhDHausCAy6CeCZ1CHcCksnPUflLLENoU5asFTcs5OkUge1FUeX0CK3EHFLtdlzAVzNeotHcHsBUgSl80Xw/1MXxbipGNfXxfwiT2X2yGt1e56IWWr41JWkYrhJBtef0FeecECMerEp1CLypqgbRObW2kyTlbYZZk4bN9xR5BwItMaVB0njhti4P46CL0fBFvkokNoI4FQ6XN4Sh+u3HK5/4+ofjuefx1VGD2Dlly0Amx5WAD1tpXydxAVJxelLWylk3EmXlIZmS6ozJmr0krW345yla49xvkvWXu/6ImVIX1+k6FL3Xq7mIFxG0TIM5Gq+79ZISRgDsw5K1M2BQa7EcGA+PrQAWg+P5kD/+/gDFJSp26C1IkoAAAAASUVORK5CYII='; dataImg = new_img_src.substring(22); $.ajax({ type:'post', url:'filesave.php', data:{dataimg:dataImg,datatype:'get_imgUrl'}, beforeSend:function(){ },success:function(str){ $('#get_imgUrl').attr('src', str); } }); } getNewImgUrl(); ////////////////////////////////////////////////////////////////////// //2、处理图片,并返回 base64编码 的图片 getBase64Img('http://qr.topscan.com/api.php?&w=100&m=10&fg=E60012&bg=E3CFB3&text=' + encodeURIComponent('https://blog.csdn.net/') , function(data){ // base64img = new Image(); // base64img.src = data; $('#get_base64').attr('src', data); }); function getBase64Img (sourceImgUrl , callback){ // var sourceImgUrl = 'http://qr.topscan.com/api.php?&w=200&m=0&fg=E60012&bg=E3CFB3&text=' + encodeURIComponent('https://blog.csdn.net/'); $.ajax({ type:'post', url:'filesave.php', data:{dataimg:sourceImgUrl,datatype:'get_base64'}, beforeSend:function(){ },success:function(str){ callback(str); } }); } </script> </body> </html>
filesave.php 코드:
<?php function rndStr(){ $string = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ'; $len = rand(0,3)+5; $rst = ''; $strl = strlen($string); for($i=0;$i<$len;$i++){ $ind = rand(0, $strl); $s = $string[$ind]; $rst .= $s; } return $rst; } //要处理的类型 $type = $_POST['datatype']; //要处理的图片(正常url图片 / base64编码图片) $getImg = $_POST['dataimg']; //1、处理保存 base64编码 的图片,并返回保存的图片URL(可用来处理保存CANVAS转成的图片的) if($type == 'get_imgUrl'){ //以当前时间+随机字符串设置的不会重复的文件名 $name = time() . rndStr(); $img = str_replace(' ', '+', $getImg); $img = base64_decode($img); //存储图片,注意文件夹是否有写入权限 $dir = iconv("UTF-8", "GBK", "upfile"); if (!file_exists($dir)){ mkdir ($dir,0777,true); } $f = fopen('upfile/' . $name . '.jpg', 'w+'); fwrite($f, $img); fclose($f); //输出保存的图片URL echo 'upfile/' . $name . '.jpg'; //2、处理图片,并返回 base64编码 的图片(一般解决JS跨域的问题) }else if($type == 'get_base64'){ $pic = $getImg; //$arr = getimagesize($pic); //$pic = "data:{$arr['mime']};base64," . base64_encode(file_get_contents($pic)); $pic = "data:image/jpg;base64," . base64_encode(file_get_contents($pic)); echo $pic; } ?>
추천 관련 글:
php 변수 명명 규칙 및 php 사용법 변수(코드 포함)
PHP에서 파일을 조작하는 다양한 방법 요약(코드 포함)
위 내용은 PHP와 Ajax를 함께 사용하여 이미지를 처리하는 방법(코드)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!