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

时间:2015-07-13 12:14:24

标签: php html post get save

我的网站功能有问题。 修改上传的照片后,我需要从我的HTML页面中抓取图像并:

  1. 将其保存到我服务器上的文件夹中(暂时在本地);
  2. 保存数据库中的路径。
  3. 虽然第二部分非常简单,但我无法理解如何将照片保存到文件夹中。我已经设法使用从输入表单中获取的文件(使用$ _FILES [] [])来完成它,但我无法理解如何使用$ _POST或$ _GET在线进行相同操作文件。

    这是我的图片div

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

    由此函数填充

    $('#btnCrop').on('click', function () {
      var img = cropper.getDataURL();
    
      if ($('.cropped').is(':empty')) {
        $('.cropped').append('<img id="crop" name="crop" src="' + img + '">');
        } else {
        $('.cropped').html('<img id="crop" name="crop" src="' + img + '">');
    }
    

    我试图使用这个PHP函数,但我无法让它工作:

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

    提前感谢您的帮助。

    修改

    我忘了说我的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>
    

0 个答案:

没有答案