Скрин прикрепить к письму html2canvas
 

Добрые форумчане, может поможете разобраться в проблеме)
На странице есть скрипт, который делает скрин. Выглядит так:

<script language='javascript'>
        function downimg(){
            html2canvas($('#downimg'), {
                onrendered: function (canvas) {
                    var img = canvas.toDataURL('image/jpeg').replace('image/jpeg', 'image/octet-stream');
                    canvas.toBlob(function(blob) {
                    saveAs(blob ,"laminar.jpeg");
                    }, "image/jpeg");

                }
            });
        }
</script>

И есть кнопка "сохранить":

<button type="button" id="save" class="3d-button" onClick="downimg()">Сохранить</button>

При клике картинка сохраняется на компьютер. А сейчас есть задача,сформированную картинку прикреплять к письму (там есть еще одна кнопка "отправить"). Можете подсказать как?

Этим занимается сервер.

вместо saveAs отправлять блоб на сервер.

вообще, непонятно, зачем в коде используется и toDataURL, и toBlob.
надо что-то одно. И если это будет toBlob, то нужен полифил, не во всех браузерах оное реализовано.

:blink: мне все равно непонятно как надо написать((( я начинающий товарисч

а как отправлять на сервер? типа такого: xhr.send(downimg); ?

сделала так:

<script language='javascript'>
function saveimg(){  

 var xhr = new XMLHttpRequest();
  xhr.open('POST', '', true);
  xhr.onload = function(e) { /*...*/ };
  
      html2canvas($('#saveimg'), {
      onrendered: function (canvas) {
      canvas.toBlob(function(blob) {
      xhr.send(blob ,"laminar.jpeg");
      }, "image/jpg");
      }
      });
      }
</script>

понимаю, что хрень наверное, ну и не работает она естественно

никто не подскажет?

А что сейчас происходит по этой кнопке?
Полуавтоматизированный вариант (при условии, что у посетителя на компьютере есть почтовая программа):

<a href="mailto:admin@javascript.ru?subject=screenshot&body=Вложите файл скриншота laminar.jpeg в письмо">ОТПРАВИТЬ письмо</a>

через эту кнопку открывается форма с полями, после заполнения которой идет кнопка "отправить для рассчета" - отправка сформированного письма с помощью системы управления сайтом netcat функцией CMIMEMail, туда добавляются указанные пользователем в форме поля, а я еще хотела прикрепить эту сформированную картинку, знаний не хватает катострофически :(
Можно тут посмотреть, чтоб понятнее было www.laminar.ru/test