php ajax base64,php,javascript_AJax post BASE64编码到后台，php,javascript - phpStudy

AJax post BASE64编码到后台

php convert & output BASE64

$img = str_replace(FILE_DOMAIN , FILE_PATH, 'http://img.demo.com/2016/08/21/12121.jpg');

if(! file_exists($img)) {

$ret = array('err_no'=>-1,'err_msg' => '商品图片不存在');

break;

}

$img_info = getimagesize($img);

$img_base64 = "data:{$img_info['mime']};base64,".chunk_split(base64_encode(file_get_contents($img)));

$result['base64'] = $img_base64;

$ret = array('err_no' => 0, 'err_msg'=> 'succes', 'results'=> $result);

echo json_encode($ret, JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE ); exit;

json格式返回 没处理直接 data.results 获取的 无法显示

data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA8Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2ODApLCBxdWFsaXR5ID0gMTAwCv/bAEMABgQFBgUEBgYFBgcHBggKEAoKCQkKFA4PDBAXFBgYFxQWFhodJR8aGyMcFhYgLCAjJicpKikZHy0wLSgwJSgpKP/bAEMBBwcHCggKEwoKEygaFhooKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKP/A....

上面是同步的 说以 放到 html 标签的li 的data-base64 你面

下面是异步提交，先生成参数

js

var idArr = [];

var imgArr =[];

$(".list-group").children('li').each(function(index){

var imgBase64 = $(this).data('base64');

var pId = $(this).data('item');

idArr.push(pId); imgArr.push( encodeURIComponent(imgBase64));

});

//生成参数

var _params = $.param({

pid: idArr.join(','),

image: imgArr.join(','),

});

后台接收处理

php

$img_arr = explode(',', $params['image']);

foreach($result as $key => $val) {

$ans_data[] = array(

'image' => addslashes( rawurldecode( $img_arr[$key]) ),

);

}

然后就直接插入数据库 字段类型是longtext，

这里每一步json输出 的图片都无法显示正确

相关阅读:

BellmanFord算法的效率是什么?

flexbox下图片排列变形问题？

GridLayout 的问题

angular.js刷新页面问题

air和pro之间AirDrop的连接

laravel Eloquent create方法插入数据，如何知道是否更新成功？

一道算法题，用python初始化一颗二叉树并求解其最短路径的值

thinkphp model 里面的add方法保存数组到数据库,在Yii2里面有什么方法可代替呢?

js 如何实现暂停和继续功能

echarts折线图如何将最后一段设置为虚线

unsigned char 问题

如何在java7上单应用启用TLSv1.2

如何完美模拟一个鼠标指针移进且停留一秒的事件？

SQL怎么给视图添加一个字段?

实现Vue路由功能需要打包吗？

在php的正则中如何实现忽略转义匹配

在Android的apk中怎么调用adb命令

Codecademy上python的一道问题卡住了

为什么chrome的toggle device toolbar变了样子，如何变回去？

为什么获取value值进行加法运算的时候数字会相连，其它运算不会？