我正在尝试创建一个网站，当用户可以使用html2canvas制作屏幕截图，然后在制作完屏幕截图后，用户可以将其保存到该网站。我试图遵循这个tutorial:，但我失败了。它给了我这个错误：
致命错误：未捕获错误：调用未定义函数strototime（） 在/data/web/virtuals/148842/virtual/www/save.php:9堆栈跟踪：＃0 {main}抛出/data/web/virtuals/148842/virtual/www/save.php on 第9行
因为我不知道如何在我的数据库中保存路径，所以：
使用我共享的代码保存图像时，（行： file_put_contents（'img.png'，$ unencodedData）;），有一个实际的 名为“img.png”的服务器上的图像。
您所要做的就是将它移动到您想要的任何地方 move_uploaded_file（）函数如下：move_uploaded_file（'img.png'， '../ mywebsite /图像/ $ NEWNAME'）;
然后将新路径（'../mywebsite/images/$newname'）保存在您的 数据库，以便您以后可以访问它。
这是我的代码：
Save.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);
//Save the image
file_put_contents('img_' . strototime() . '.png', $unencodedData);
move_uploaded_file('img.png', './posters/$newname');
?>
<h2>Save the image and show to user</h2>
<table>
<tr>
<td>
<a href="img.png" target="blank">
Click Here to See The Image Saved to Server</a>
</td>
<td align="right">
<a href="index.php">
Click Here to Go Back</a>
</td>
</tr>
<tr>
<td colspan="2">
<br />
<br />
<span>
Here is Client-sided image:
</span>
<br />
<?php
//Show the image
echo '<img src="' . $_POST['img_val'] . '" />';
?>
</td>
</tr>
</table>
<style type="text/css">
body, a, span {
font-family: Tahoma; font-size: 10pt; font-weight: bold;
}
</style>
的index.php
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="js/html2canvas.js"></script>
<script type="text/javascript" src="js/jquery.plugin.html2canvas.js"></script>
<h2>Simple Implementation of html2canvas With JavaScript and PHP</h2>
<form method="POST" enctype="multipart/form-data" action="save.php" id="myForm">
<input type="hidden" name="img_val" id="img_val" value="" />
</form>
<table>
<tr>
<td colspan="2">
<table width="100%">
<tr>
<td>
<input type="submit" value="Take Screenshot Of Div Below" onclick="capture();" />
</td>
<td align="right">
<a href="http://www.kubilayerdogan.net?p=304" style="font-family: Tahoma; font-size: 10pt; font-weight: bold;">
Documentation (Back to Site)</a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="top" style="padding: 10px;">
<b>Div:</b>
</td>
<td>
<div id="target">
<table cellpadding="10">
<tr>
<td colspan="2">
This is sample implementation
</td>
</tr>
<tr>
<td>
It can hold form values:
</td>
<td>
<input type="text" name="form_value" value="" placeholder="Try me" />
</td>
</tr>
<tr>
<td>
Simple Button Element:
</td>
<td>
<button name="my_button">
Clicking Me Useless</button>
</td>
</tr>
<tr>
<td valign="top">
Let's go with CSS:
</td>
<td>
<div id="aside">
<h3>Aside heading</h3>
<p>Duis autem vel eum iriure dolor in hendrerit!</p>
</div>
<div id="more">
<h2>My first styled page</h2>
<p>Welcome to my styled page!</p>
<p>It lacks images, but at least it has style.</p>
<p>There should be more here, but I don't know what yet.</p>
<address>
Made 5 April 2004
<br />
by myself.
</address>
</div>
</td>
</tr>
<tr>
<td>
Try Image:
</td>
<td>
<img src="soc.jpeg" alt="SOC" />
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<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>
<style type="text/css">
#target {
border: 1px solid #CCC;
padding: 5px;
margin: 5px;
}
h2, h3 {
color: #003d5d;
}
p {
color:#AA00BB;
}
#more {
font-family: Verdana;
color: purple;
background-color: #d8da3d;
}
</style>
有人可以帮助我吗？
答案 0 :(得分：0)
你的代码的第9行有一个明显的错字，如果你读过你会知道的错误。
file_put_contents('img_' . strototime() . '.png', $unencodedData);
应该是：
file_put_contents('img_' . strtotime() . '.png', $unencodedData);
编辑：
看起来您正在尝试根据时间戳创建随机文件名，因此只需使用date("U")代替......：
file_put_contents('img_' . date("U") . '.png', $unencodedData);