PHP-将div中的图像保存到文件中

我对网站的功能有问题。 修改上传的照片后，我需要从HTML页面抓取图像，然后：

将其保存到我的服务器上的文件夹中（目前位于本地）

在数据库中保存路径

虽然第二部分相当简单，但我不明白如何将照片保存到文件夹中。我已经设法使用从输入表单中获取的文件（使用$\u FILES[][]），但我不明白如何使用$\u POST或$\u GET对在线文件执行同样的操作

这是我的影像部

<div class="cropped" name="avatar"></div>

提前感谢您的帮助

编辑

我忘了说我的HTML代码中有一个提交按钮：

 <form enctype="multipart/form-data" class="avatar" method="post" action="">
<div class="avatarContainer">
    <div class="imageBox">
        <div class="thumbBox"></div>
        <div class="spinner" style="display: none">Caricamento...</div>
    </div>
    <center>
        <div class="action">
            <span class="file-input btn btn-primary btn-file">
                Sfoglia<input id="file" type="file">
            </span>
            <button id="btnZoomIn" type="button" class="btn btn-primary">+</button>
            <button id="btnZoomOut" type="button" class="btn btn-primary">-</button>
            <button id="btnCrop" type="button" class="btn btn-primary">Ritaglia</button>
        </div>
    </center>
    <br>
    <hr>
    <center>
        <div class="cropped" name="avatar"></div>
    </center>
</div>
<br>
<input class="btn btn-default btn-upload" type="submit" value="Cambia">
</form>

加勒比。。。
斯福利亚
+
-
利塔利亚

您需要一个文件的url，以便使用脚本下载（前提是可以从运行PHP的服务器访问该文件），或者客户端（浏览器）需要将文件发布到服务器，以便脚本可以处理该文件。您不能仅从浏览器中的img元素中获取图像。PHP和浏览器之间没有直接的交互，我忘了说我已经在使用submit按钮来发布表单的内容，在表单中，按钮和图像是被限制的。不过，我还是无法让它工作。

copy（）

/

rename（）

？那么图像已经在表单中了？应用此表单标记：

enctype=“multipart/form data”

尝试使用var\u转储。是的，就是这样。我将用全部代码修改我的原始帖子。您需要一个文件的url，以便可以使用脚本下载它（前提是可以从运行PHP的服务器访问该文件），或者客户端（浏览器）需要将该文件发布到服务器，以便脚本可以处理它。您不能仅从浏览器中的img元素中获取图像。PHP和浏览器之间没有直接的交互，我忘了说我已经在使用submit按钮来发布表单的内容，在表单中，按钮和图像是被限制的。不过，我还是无法让它工作。

copy（）

/

rename（）

？那么图像已经在表单中了？应用此表单标记：

enctype=“multipart/form data”

尝试使用var\u转储。是的，就是这样。我将用全部代码修改我原来的帖子。

file_put_contents("file.png", file_get_contents("data://" . $_POST['crop']));

 <form enctype="multipart/form-data" class="avatar" method="post" action="">
<div class="avatarContainer">
    <div class="imageBox">
        <div class="thumbBox"></div>
        <div class="spinner" style="display: none">Caricamento...</div>
    </div>
    <center>
        <div class="action">
            <span class="file-input btn btn-primary btn-file">
                Sfoglia<input id="file" type="file">
            </span>
            <button id="btnZoomIn" type="button" class="btn btn-primary">+</button>
            <button id="btnZoomOut" type="button" class="btn btn-primary">-</button>
            <button id="btnCrop" type="button" class="btn btn-primary">Ritaglia</button>
        </div>
    </center>
    <br>
    <hr>
    <center>
        <div class="cropped" name="avatar"></div>
    </center>
</div>
<br>
<input class="btn btn-default btn-upload" type="submit" value="Cambia">
</form>