Question

我的总体目标是让用户上传图片，然后预览，然后允许他们修改图片，就像任何社交媒体应用都可以让您一样

我在一个带有JavaScript的（.php文件）HTML文档中拥有此文件：

  <img src="uploads/profile24.jpeg" id="img">
  <label>blur</label>
  <input type="range" min="0" max="3" step="0.1" onchange="applyFilter()" data-filter = "blur" data-scale="px"> 


<script type="text/javascript">

        var image = document.getElementById('img');
        var filterControls = document.querySelectorAll('input[type=range]');
        function applyFilter(){

            var computedFilter = '';

            filterControls.forEach(function(item, index){

                computedFilter += item.getAttribute('data-filter') + '(' + item.value + item.getAttribute('data-scale') + ') ';

            });

            image.style.filter = computedFilter;


        }

</script>

我要做的是使这些更改永久生效，因此我可以使用 PHP 上传编辑过的图片，或者覆盖原始图片。

编辑：我知道我也对GD之类的PHP库感兴趣，但是我想排除那些答案，谢谢！

Answer 1

Imagick是一个PHP扩展，可以使用ImageMagick库创建和修改图像。

使用下面的链接作为永久更改新图像的示例：

https://github.com/mkoppanen/imagick

是否可以保存使用Javascript编辑的图像（也许使用PHP），以使更改永久生效？

1 个答案: