如何将base64编码转换并存储为php中的图像？答案

【问题标题】：How to convert and store base64 encoding to an image in php?如何将base64编码转换并存储为php中的图像？
【发布时间】：2018-02-10 06:16:31
【问题描述】：

我正在尝试从网络摄像头拍摄图像，然后将其存储为 jpeg 格式的文件。到目前为止，此代码捕获图像并将其转换为 base64 编码。现在我怎样才能将它存储在文件夹中。这是我第一次。我用它工作了很长时间。我该如何解决它。

php

<?php
if(isset($_POST["mydata"])) {

 $encoded_data = $_POST['mydata'];
 $binary_data = base64_decode( $encoded_data );

// save to server (beware of permissions)
$result = file_put_contents( 'webcam.jpg', $binary_data );
// move_uploaded_file ( "test.png" , "/img" );
//if (!$result) die("Could not save image!  Check file permissions."); 

 }
?>

html

<body>
<div id="results">Your captured image will appear here...</div>

<h1>WebcamJS Test Page</h1>

<div id="my_camera"></div>

<!-- First, include the Webcam.js JavaScript Library -->
<script type="text/javascript" src="webcam.min.js"></script>

<!-- Configure a few settings and attach camera -->
<script language="JavaScript">
    Webcam.set({
        width: 180,
        height: 100,
        image_format: 'jpeg',
        jpeg_quality: 90
    });
    Webcam.attach( '#my_camera' );
</script>

<!-- A button for taking snaps -->

<input type=button value="Take Snapshot" onClick="take_snapshot()">


<form id="myform" method="post" action="" enctype="multipart/form-data">
    <input id="mydata" type="hidden" name="mydata" value=""/>
</form>

<!-- Code to handle taking the snapshot and displaying it locally -->
<script language="JavaScript">
    function take_snapshot() {
        // take snapshot and get image data
        Webcam.snap( function(data_uri) {
            // display results in page
            document.getElementById('results').innerHTML = 
                '<h2>Here is your image:</h2>' + 
                '<img src="'+data_uri+'"/>';

                var raw_image_data = data_uri.replace(/^data\:image\/\w+\;base64\,/, '');

               document.getElementById('mydata').value = raw_image_data;
               document.getElementById('myform').submit();
        } );
    }

</script>

【问题讨论】：

标签： php ajax

【解决方案1】：

试试下面的代码，它会将你的 base64 数据转换为 png 并以随机名称保存。

我假设你做的一切都是正确的，只是在将 base64 转换为图像时出错。

代码：

<?php

if(isset($_POST["mydata"])) {
    define('UPLOAD_DIR', 'uploads/');
    $encoded_data = $_POST['mydata'];
    $img          = str_replace('data:image/jpeg;base64,', '', $encoded_data );
    $data         = base64_decode($img);
    $file_name    = 'image_'.date('Y-m-d-H-i-s', time()); // You can change it to anything
    $file         = UPLOAD_DIR . $file_name . '.png';
    $success      = file_put_contents($file, $data);
}

【讨论】：

非常感谢......我很高兴。现在请告诉我如何用当前日期重命名该图片
好的。再次感谢。
Upvote 和 accept 激励我们帮助更多的人，它也帮助其他面临同样问题的用户找到正确的解决方案。谢谢朋友。
你错过了投票：P。顺便说一句，帮助社区感觉很棒，感谢您的明智之言。 :)
让我们continue this discussion in chat。