document.querySelector('img#result');
function send_image() {
// берём любое изображение
var img = document.querySelector('img#result');
// создаём <canvas> того же размера
var canvas = document.createElement('canvas');
canvas.width = img.clientWidth;
canvas.height = img.clientHeight;
var context = canvas.getContext('2d');
// копируем изображение в canvas (метод позволяет вырезать часть изображения)
context.drawImage(img, 0, 0);
// мы можем вращать изображение при помощи context.rotate() и делать множество других преобразований
// toBlob является асинхронной операцией, для которой callback-функция вызывается при завершении
canvas.toBlob(function(blob) {
var formData = new FormData(); // Создайем форму
formData.append('image', blob, 'result.png'); // Добавляем в форму наш Blob
// Отправляем форму с блобом (картинкой) на сервер:
var url = 'https://qna.habr.com'; // Укаазываем адрес куда отправить
var xhr = new XMLHttpRequest(); xhr.open('POST', url);
// Обработчики ответа:
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
alert(xhr.responseText); // В случае успеха, выводим ответ сервера
}
else {
alert('При отправке формы произошла ошбика, детали смотрите в консоли.');
console.log('При отправке формы произошла ошбика, ниже объект с деталями ошибки:');
console.dir(xhr);
}
}
}
xhr.send(formData); // Цепляем форму и шлём
}, 'image/png');
}<script>
test = 0; // Объявляем переменную test равной нулю
// Функция для увеличения значения переменной test:
function uvelichit() {
test = test + 1;
alert(test);
}
</script>
<button onclick="uvelichit();">Нажми меня, чтобы увеличить счётчик</button><input onclick="document.querySelector('#form_id').submit();" type="radio" name="title" value="one"> A</label>document.querySelector('#mobile-search').scrollIntoView({behavior: 'smooth'}); document.querySelector('#mobile-search').focus();<a onclick="document.querySelector('#mobile-search').scrollIntoView({behavior: 'smooth'}); document.querySelector('#mobile-search').focus();" href="#mobile-search">Прокрутить</a>$('.message').html(data.result);