$(document).ready(function() {
$('.is-hidden').click(function() {
domtoimage
.toPng(document.getElementById('content'), {
quality: 0.95
})
.then(function(dataUrl) {
let link = document.createElement('a');
let name = document.getElementById('file-name').value;
name = name ? name : "placeHolderName"; // checks whether the user has entered a file name
link.download = `${name}.jpeg`;
link.href = dataUrl;
link.click();
})
})
})
正如有人已经评论过的那样，您应该在应用程序中拥有一个最小的可重现示例；除此之外，您可以尝试以这种方式修改代码（请注意，可能需要额外的名称验证）。
HTML：
<form> <input type="text" id="file-name" class="form-control form_style" placeholder="Enter Name"> </form>Js：
$(document).ready(function() { $('.is-hidden').click(function() { domtoimage .toPng(document.getElementById('content'), { quality: 0.95 }) .then(function(dataUrl) { let link = document.createElement('a'); let name = document.getElementById('file-name').value; name = name ? name : "placeHolderName"; // checks whether the user has entered a file name link.download = `${name}.jpeg`; link.href = dataUrl; link.click(); }) }) })