开发者社区> 问答> 正文

宜搭自己写js代码调用html或者jsx打印,宜搭写js代码导出某个容器内容为图片,钉钉端异常。

1、宜搭自定义页面写的js代码打印在浏览器端可以打印直接预览在钉钉端不能预览

打印内容用的是调用的 iframe.contentWindow.print();

2、写的js代码对某个页面生成图片并保存,在浏览器端可以保存图片,在钉钉端不可以。

代码
if (!isMobileEnv()) {
const a = document.createElement('a');
a.download = tpname//'发货单.jpg';
a.href = canvas.toDataURL();
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
}

展开
收起
游客klqdm3bd5twy6 2024-04-03 07:46:32 110 0
来自:钉钉宜搭
2 条回答
写回答
取消 提交回答
  • 如果问题得到了解决,辛苦点下采纳回答哦~

    宜搭不支持当前页面视图打印的,可使用自带的模板打印。
    也可以参考这篇自定义打印教程:https://docs.aliwork.com/docs/yida_subject/_3/wvwgt4iyh5vdtf57
    image.png

    2024-04-03 09:15:08
    赞同 5 展开评论 打赏
  • 北京阿里云ACE会长

    可以尝试以下替代方案:

    // 检查浏览器环境是否为移动端
    if (!isMobileEnv()) {
      // 创建一个Blob对象,使用canvas.toDataURL()获取的数据URL
      const blob = dataURLtoBlob(canvas.toDataURL());
    
      // 创建一个URL,通过URL.createObjectURL()生成
      const url = URL.createObjectURL(blob);
    
      // 创建一个<a>元素,设置href为blob URL,并设置download属性
      const a = document.createElement('a');
      a.href = url;
      a.download = tpname; // '发货单.jpg';
    
      // 触发a元素的点击事件
      a.click();
    
      // 清理,释放URL对象
      URL.revokeObjectURL(url);
    }
    

    dataURLtoBlob函数来将Canvas的DataURL转换为Blob对象,然后通过创建一个临时的URL来触发下载。这样可以避免直接操作元素可能遇到的问题。

    2024-04-03 09:00:32
    赞同 4 展开评论 打赏
来源圈子
更多
收录在圈子:
+ 订阅
「宜搭」是云钉原生低代码平台(钉钉 PaaS - aPaaS),让企业应用搭建更简单! 帮助中小企业降本提效,加强组织的数字化自主权; 帮助大型企业释放个体创新力,助力组织创新涌现。
相关文档: 宜搭
问答排行榜
最热
最新

相关电子书

更多
《零基础HTML入门教程》 立即下载
天猫 HTML5 互动技术实践 立即下载
天猫HTML5互动技术实践 立即下载