Question

javascript函数调用html2 canvas元素来scrrenshot目标div

<script type="text/javascript">
function capture() {
    $('#target').html2canvas({
        onrendered: function (canvas) {
            //Set hidden field's value to image data (base-64 string)
            $('#img_val').val(canvas.toDataURL("image/png"));
            //Submit the form manually
            document.getElementById("myForm").submit();
        }
    });
}
</script>

php代码

<?php
     //Get the base-64 string from data
     $filteredData=substr($_POST['img_val'], strpos($_POST['img_val'], ",")+1);

   //Decode the string
   $unencodedData=base64_decode($filteredData);
   //echo $unencodedData;
   //Save the image

    $date = date_create();
    $timestamp= date_timestamp_get($date);
    echo $timestamp;
    $rand = mt_rand(100000,999999);
    echo $rand; 
   $string = "cp-string";
   echo $string;
   $name = "$string.$timestamp.$rand.png";
 //$name = "$string/$timestamp/$rand.png";
 //$unencodedData = "$string/$timestamp/$rand";


 file_put_contents($name , $unencodedData);

 ?>

不知道如何为保存图像提供不同的文件夹路径

Answer 1

通常使用copy函数将文件上传到文件夹中。根据您的代码，您可以执行类似

的操作

$dir_to_save = "foldername"
if (!is_dir($dir_to_save)) {
  mkdir($dir_to_save);
}

$path = $dir_to_save."/".$name;
file_put_contents($path, $unencodedData);

注意：使用ABSOLUTE_PATH而不是相对路径

了解更多information

想要更改保存图像文件夹的路径...如何执行此操作

1 个答案: