Javascript : Getting the dom image data source and save it to directory

Question

我的控制台中有一个图像数据来自 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);

Answer 1

一般来说，您正在查看数据 URI - 请参阅 https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URIs了解更多信息。

在这种特殊情况下，您似乎正在查看一个 base64 编码的 PNG 文件 - 如果您想将 PNG 上传到服务器上的 PHP 脚本，您实际上有大量选项可以解决发生在何处(以及在什么地方)顺序)，但一种可能的方法是 a)始终假设您正在处理 base64 编码的 PNG(如果您知道这不是真的，那么您将必须处理数据 URI 的前两部分)，b )上传数据($.post()逗号后面的东西)到PHP，c)在PHP端base64解码数据