如何将图像转换为字符串 [关闭]答案

【问题标题】：how to convert an image into a string [closed]如何将图像转换为字符串 [关闭]
【发布时间】：2016-06-03 23:14:45
【问题描述】：

如何将图像转换为字符串，无论是 utf 还是 ancii 或其他什么都没有关系。我要做的就是拍摄一张图像并将其转换为文本，以便将其存储在文本文件中，然后再对其进行解码。

是的，我当然是用 JS 来做的，而且我要转换的图像都是 JPEG。

【问题讨论】：

数据当前是什么格式的？一个字节数组，如果实际上是一个字符数组，那么它已经是一个字符串。您是如何将数据写入文件的，该过程中的哪些内容目前不起作用？
转换成base64？ stackoverflow.com/questions/6150289/…
@David 如所说，JPEG，请阅读整个问题。而且我还没有任何流程，因为我找不到任何我正在寻找的答案。所以我只是不知道该怎么做！
@julianavar：什么数据格式？字节数组？还有什么？请务必阅读整个评论。
哦！老实说，我对字节一无所知，我是一名前端开发人员，如果你要回答，你是否也将其包括在内，我敢打赌这对任何其他前端都会有很大帮助-想知道同样事情的最终开发人员。另外，抱歉，我确实阅读了您的评论，但正如我所说，我不习惯谈论字节和所有这些，我以为您的意思是输入了什么样的图像。不过还是谢谢你:)

【解决方案1】：

您可以在画布中绘制图像，将其编码为 base64，然后将其用作文本。几乎所有语言都可以在 base64 和图像之间进行转换。

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
var img= new Image();
img.src = "your url to image";
ctx.drawImage(img,0,0);
c.toDataURL();
//c now contains the base64 encoding of your image

画布也可以动态创建，而不是作为页面的一部分。你也可以等待图片的onLoad事件。

【讨论】：

好的，编码看起来很简单，但是以后怎么解码呢？
'var image = new Image(); image.src = '数据：图像/png；base64，iVBORw0K...'；其中 data:image/..... 是您从 toDataUrl() 获得的字符串。具有此 src 的图像与任何其他图像一样用于在画布中渲染或附加到 DOM。

【解决方案2】：

使用画布..这是从程序中复制的代码

function fun_nam(url,back, op){
var img = new Image();
img.crossOrigin = 'Anonymous';
img.onload = function(){
    var canvas = document.createElement('CANVAS');
    var ctx = canvas.getContext('2d');
    var dataURL;
    canvas.height = this.height;
    canvas.width = this.width;
    ctx.drawImage(this, 0, 0);
    dataURL = canvas.toDataURL(op);
    back(dataURL);
    canvas = null; 
};
img.src = url;

}

一些细节...

HTMLCanvasElement.toDataURL() 方法返回一个数据 URI，其中包含由 type 参数指定的格式的图像表示（默认为 PNG）。返回的图像分辨率为 96 dpi。

语法：canvas.toDataURL(type, encoderOptions);

参数

类型 |可选