微信小程序webview页面下载图片

时间:2024-10-03 13:41:14
$(".btn").click(function () { //要转换为图片的dom对象 var element = document.querySelector('.InviteFriends'); //要显示图片的img标签 var image = document.querySelector('#img'); //调用html2image方法 html2image(element, image); }) function html2image(element, image) { html2canvas(element).then(function (canvas) { var imageData = canvas.toDataURL(1); image.src = imageData; downloadImg(imageData) }); } function downloadImg(imageData) { //判断来源是否是小程序 wx.miniProgram.getEnv(function (res) { if (res.miniprogram === true) { //需在微信小程序中新建一个页面用于接收图片数据 wx.miniProgram.navigateTo({ url: "/pages/invite/invite?src=" + imageData }) } else { //PC或手机端生成并下载图片 var img = document.getElementById('img'); // 获取要下载的图片 var url = img.src; // 获取图片地址 var a = document.createElement('a'); // 创建一个a节点插入的document var event = new MouseEvent('click') // 模拟鼠标click点击事件 a.download = '我要推广' // 设置a节点的download属性值 a.href = url; // 将图片的src赋值给a节点的href a.dispatchEvent(event) // 触发鼠标点击事件 } }) }