1、处理保存 base64编码 的图片，并返回保存的图片url（可用来处理保存canvas转成的图片的）
2、处理图片，并返回 base64编码 的图片（一般解决js跨域的问题）
demo代码（测试请用服务器环境：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编码 的图片，并返回保存的图片urlfunction 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代码：
<?phpfunction 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结合在一起如何处理图片（代码）的详细内容。