Javascript:获取dom图像数据源并将其保存到目录
Javascript : Getting the dom image data source and save it to directory
我这里有一个来自控制台的图像数据来自DOM使用数组
显示它控制台数据是这样的,我可以很好地获取这些数据我的问题是如何将图像数据传递并获取到php
["data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAuSgpcjBs5Go81S/7+/x/MmaPEm
0:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAAgAEl
1:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAAY3U
2:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAAgAElE
3:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAAgAEl
这是一个很长的字符串,我没有继续。我不确定它是一个对象,数组还是什么。是否可以将该值传递给PHP,然后将图像保存到文件夹中?
var image = [];
$('.dz-image img').each(function(){
image.push($(this).attr('src'));
});
console.log(image);
一般来说,您要查看的是Data URI -更多信息请参见https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URIs。
在这个特定的例子中,你似乎看base64编码的PNG文件,如果你想上传的PNG PHP脚本在服务器上,你周围有大量的选择发生了什么(以及以什么顺序),但一个可能的方法是a)总是假设你是w/base64编码的PNG(如果你不知道是真实的,那么你必须处理的前两部分数据URI), b)上传数据($ . post()逗号后的东西),PHP,c) base64解码PHP端的数据
从javascript传递值到PHP,考虑使用ajax?根据我的经验,http-post可以直接将Array传输到PHP,像这样:
var image = [];
$('.dz-image img').each(function(){
image.push($(this).attr('src'));
});
//console.log(image);
//here, I use jQuery, but you can use any way of ohter javascript framework
$.ajax({
type:'post',
tranditional:true,
url:'saveImage.php',
data:{"iamge":image},
success:function(data){
console.log(image)
}
})
在php端,如果您需要将图像地址保存到数据库中,只需像将数据插入数据库一样操作即可。如果你想把图片保存到文件夹中,这样做:saveImage.php
<?php
$images = $_POST['image'];
//here, you can code var_dump($image) to console the data you get
foreach($images as $key=>$image){
$image = base64_decode(str_replace('data:image/png:base64,','', $image));
file_put_contents($key.'.jpg', $image);
}
现在,试一试?^ - ^
相关文章:
- 子字符串/正则表达式以获取字符串中保存的 SRC 值
- 获取用户位置并将坐标保存在数据库中
- Angular2/JavaScript-如何显示localStorage保存的所有变量并获取所有键的总长度
- 从使用javascript开始获取并保存所有id
- 从下拉列表中获取所选项目,并将其保存到php变量中
- 如何获取保存在变量中的HTML代码的任何属性的值
- Chrome扩展:是否有一种方法可以运行JavaScript来获取页面上的内部html,并将其保存到扩展中的变量中
- Angular/Rails从表中获取最后保存的数据
- 获取二进制数据并将其保存为.mp3文件Javascript
- 如何从MYSQL中获取单个值并将其保存到JavaScript变量中
- 骨干保存/获取 VS DAO
- 在创建时使用 Sequelize 保存时获取关联
- 没有从本地存储获取与保存的变量相同的类型
- 从HTML表单中获取计算得到的JavaScript数据,并将其作为新元素添加到相同的表单操作中以使用PHP保存
- 如何在创建保存新模型时获取id
- 是否将Javascript变量保存为PHP变量?获取、发布、COOKIE
- 是否可以调用Google API获取地图图像并将图像保存在某个位置
- 将blob(image)传递给php/lavel并获取输入和保存
- 使用 chrome.storage.sync 保存/获取嵌套对象
- DHXScheduler保存/获取自定义Lightbox字段