html2canvas не работает с действием кнопки / публикации (тип отправки) - PullRequest
Новая
       34

html2canvas не работает с действием кнопки / публикации (тип отправки)

0 голосов
/ 04 октября 2019

У меня есть требование сделать снимок экрана страницы, используя html2canvas, а затем вызвать метод контроллера после действия. Вот почему у меня есть форма и под этой кнопкой Отправить.

Но этот html2canvas не делает снимок экрана, если мой тип кнопки - Отправить. Если я изменяю тип кнопки с кнопки «Отправить», то работает тот же код, что и ниже. Похоже, html2canvas не работает с формой сообщения. Смотрите код ниже: 

@Scripts.Render("~/Scripts/html2canvas.min.js")
@*<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>*@

<script type="text/javascript">

    **$(document).ready(function () {
        $("#btnGet").click(function () {
             html2canvas(document.querySelector("body")).then(canvas => {
                //document.body.appendChild(canvas)
                var myImage = canvas.toDataURL("image/png");
                myImage = myImage.replace('data:image/png;base64,', '');
                alert(myImage);
                $("#imageData").val(image);

            });
        });
    });**


<div class="row">

    @using (Html.BeginForm(null, null, FormMethod.Post, new { id = "drawingForm" }))   // Razor form
    {
        <input name="imageData" type="hidden" />
        <input type="submit" id="btnGet" class="btn btn-success" value="Submit" />

    }
</div>
...