<!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=
""
/ alt=
"php与ajax结合在一起如何处理图片(代码)"
>
<div>2、处理图片,并返回 base64编码 的图片</div>
<img id=
"get_base64"
src=
""
/ alt=
"php与ajax结合在一起如何处理图片(代码)"
>
<script type=
"text/javascript"
src=
"https://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"
></script>
<script type=
"text/javascript"
>
function
getNewImgUrl(){
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();
getBase64Img(
'http://qr.topscan.com/api.php?&w=100&m=10&fg=E60012&bg=E3CFB3&text='
+ encodeURIComponent(
'https://blog.csdn.net/'
) ,
function
(data){
$(
'#get_base64'
).attr(
'src'
, data);
});
function
getBase64Img (sourceImgUrl , callback){
$.ajax({
type:
'post'
,
url:
'filesave.php'
,
data:{dataimg:sourceImgUrl,datatype:
'get_base64'
},
beforeSend:
function
(){
},success:
function
(str){
callback(str);
}
});
}
</script>
</body>
</html>