php与ajax结合在一起如何处理图片（代码）

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= http://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( http://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( http://blog.csdn.net/  $.ajax({ type: post , url: filesave.php , data:{dataimg:sourceImgUrl,datatype: get_base64 }, beforeSend:function(){ },success:function(str){ callback(str); /script 
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教程

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。