Набросал такой код, подскажите как сделать чтобы событие срабатывало при перетаскивании, отжатие мышкак не работает - приходится по новой кликать.
И второе, как src="data...." сохраненное в переменной var img= преобразовать в картинку и передать $ajax (или $post), или это содержимое на php как то обработать в картинку для сохранения.
<script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<style>
#boxA{
overflow: hidden;
width:100px;
height:100px;
background-color: #3366CC;
}
#boxA img {
width:100%;
height:100%;
}
#boxTest{
width:100px;
height:100px;
background-color: #eee;
}
#boxTest img {
width:100%;
height:100%;
}
</style>
<div id="boxA" contenteditable="true" ></div>
<br><br>
<div id="boxTest" ></div>
<script>
$('#boxA').mouseup(function(){
var img = $('#boxA img:first-child').attr('src');
$('#boxA').html('<img src='+img+' />');
$('#boxTest').html('<img src='+img+' />');
console.log(img);
});
</script>
Простой
