Моя общая цель - позволить пользователю загрузить изображение, затем просмотреть его, а затем позволить ему изменить его, как позволяет любое приложение для социальных сетей,
У меня есть это в (.php файле) HTML-документе с JavaScript:
<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 , возможно, перезаписать оригинал.
Редактировать: я знаю, что сказал, что мне также интересны библиотеки PHP, такие как GD, но я бы хотел исключить эти ответы, потому что спасибо,