使用localStorage在页面之间传递值

最新推荐文章于 2024-05-11 17:52:52 发布

原味青豆

最新推荐文章于 2024-05-11 17:52:52 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： java

本文链接：https://blog.youkuaiyun.com/u013111454/article/details/86178094

java 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种使用html2canvas库将HTML页面转换为JPEG图片的方法。通过在页面A中调用createImg()函数，可以捕获当前页面的内容并将其转换为图片数据URL，然后存储在localStorage中。页面B则从localStorage读取图片数据，并将其显示在一个img元素上，实现了跨页面的数据传递。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

页面A：

/*html转换成图片*/
       function createImg(){
            html2canvas(document.body, {
                onrendered: function(canvas) {
                   var url = canvas.toDataURL("image/jpeg");//图片地址
                    //由于是一个新的技术，你可以通过下面的代码检测你的浏览器是否支持
                    if(window.localStorage) {
                        localStorage.imgSrc = url;
                       location.href = '${pageContext.request.contextPath }/engineering_img.jsp';
                    } else {
                        alert("NOT SUPPORT");
                   }
               }
           });
      }