3

我有一个 dataurl 格式的图像，例如：

data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwME…iiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigD/2Q==

我需要将 JavaScript 中的这个字符串转换为另一个可以直接复制到空白 jpg 文件的字符串，以便用户查看。
知道如何实现这一目标吗？

4

4 回答 4

3

您只需从 DataURI 中删除“data:image/jpeg;base64”。

$dataUri = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgM...";
// remove "data:image/jpeg;base64," from image Data URI.
$data = str_replace("data:image/jpeg;base64,", "", $dataUri);

// save to file
file_put_contents("/tmp/image.jpeg", base64_decode($data));
于 2018-05-02T09:53:56.370 回答
1

要显示它，您可以使用 src 属性：

<img src="data:image/png;base64,R0lGODlhUAAPAKIAAA+g4JADs=" width="80" height="80" />

要生成文件，您需要使用 canvas 元素：

例子：

<html>
    <head></head>
    <body>
        <canvas id="c"></canvas>
        <script type="text/javascript" src="canvas2image.js"></script>
        <script type="text/javascript" src="baseg4.js"></script>
        <script type="text/javascript">

            var canvas = document.getElementById("c");
            var ctx = canvas.getContext("2d");

            var image = new Image();
            image.src = "data:image/png;base64,iVBORw0KG............5CYII%3D";
            image.onload = function()
            {
               ctx.drawImage(image, 0, 0);
                var foo = Canvas2Image.saveAsPNG(canvas);  
            };
            var img = canvas.toDataURL("image/png");
        </script>
    </body>
</html>

并保存图像和东西......您可以在此链接中找到将画布转换为文件的方法：

// http://www.nihilogic.dk/labs/canvas2image/

编辑：新链接，我猜... https://github.com/hongru/canvas2image

于 2013-03-28T06:00:08.210 回答
1

如果您希望用户能够下载文件并将其保存在计算机上的某个位置，请尝试以下操作：

document.location.href = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQAB…";

如果这是您要执行的操作，请参阅下载数据 url 文件。

于 2013-03-28T06:26:39.950 回答
0

您必须data:image/jpeg;base64,从中删除dataURI并解码dataURI：

public void saveImage(String imageURI) {
    BufferedImage image = null;
    String blobString=imageString.replace("data:image/jpeg;base64,", "");
    byte[] byteArray = Base64.getDecoder().decode(blobString);
    ByteArrayInputStream bis = new ByteArrayInputStream(byteArray);
    try {
        image = ImageIO.read(bis);
        File file = new File("/home/rakesh/Vinay/a.jpeg");
        ImageIO.write(image, "jpeg", file);
    } catch (IOException e) {
        e.printStackTrace();
    }
}
于 2020-04-06T06:19:18.160 回答