甜蜜警报确认消息用户必须单击保存才能将画布保存为 jpeg

Question

我以前问过一个类似的问题，运气不好，所以我希望这次有人能帮助我。在我的绘图应用程序中，我有一个保存按钮，允许用户将图像作为jpg保存到他们的下载中。我在单击下载按钮时有一个带有 SweetAlert 的提示，警告用户他们是否要保存，但我的问题是它无论如何都会在没有用户输入的情况下保存。有人可以填写我如何防止它自行下载吗？我尝试过使用e.preventDefault（）;没有运气..欢迎张开双臂回答代码示例

非常感谢

****************.HTML**********************

<div>
    <a href="#" class="download" id="downloadLink"  download="img.jpg">
    <img src="./assets/tools/save.png" />
    </a>
  </div>

****

**

$('#downloadLink').click(function (event) {


     swal({   title: "Are you sure you want to save?",  
            text: "This will save to your downloads",   
            type: "warning",  
             showCancelButton: true,   
            confirmButtonColor: "#f8c1D9",   
             confirmButtonText: "Yes, save it!",  
            closeOnConfirm: true 
            },

        function (isConfirm) {      
        if (isConfirm) {
        //swal("Deleted!");

            var dt = canvas.toDataURL('image/jpeg');
            this.href = dt;
            return true;

            } else {
                }
         return false; 
             });
            });

Answer 1

来自甜蜜警报演示页面close Confirm: false，closeOnCancel: false。

工作示例：https://jsfiddle.net/cristyansv/gj62h9ab/