Javascript 将画布从一页复制到另一页，而不超过最大字符限制

我想在HTML视频元素中播放视频，并在暂停时拍摄快照。快照显示在画布内的页面上。现在，我希望相同的快照出现在另一个页面上，为此，我尝试使用

toDataUrl（）

方法对base 64中的快照进行编码并通过URL传递它

但是URL的最大长度可以是2048个字符，而toDataUrl的输出要大得多。如何进行

工作罚款：

video.addEventListener('pause', function(){ 
                        $(this).hide();
                        $("#canvas1").show();
                        draw( video, thecanvas, img); 
        }, false);

function draw(video,thecanvas,img){

        var context = thecanvas.getContext('2d');
        context.drawImage(video,0,0,thecanvas.width,thecanvas.height);
        var dataURL = thecanvas.toDataURL('image/jpeg',.1);
        img.setAttribute('src',dataURL);

    }

不工作：指向其他页面的功能

function toskuentry(){
    var imgsrc = $('#thumbnail_img').attr('src');
    window.location.href = "sku_entry.php?imgsrc="+imgsrc;

}

---

一个好的选择是使用Firebase。他们有这样做的例子。

Firebase在脱机时使用本地存储，因此，如果您不想使用Firebase，也可以使用本地存储

差不多

localStorage["data"] = dataURL;

//...other page
var dataURL = JSON.parse(localStorage["data"]);

---

一个好的选择是使用Firebase。他们有这样做的例子。

Firebase在脱机时使用本地存储，因此，如果您不想使用Firebase，也可以使用本地存储

差不多

localStorage["data"] = dataURL;

//...other page
var dataURL = JSON.parse(localStorage["data"]);

---

不要通过URL传递，使用HTML5网络存储。您可以使用

会话存储

或

本地存储

：

function toskuentry(){
    localStorage.setItem("img", $('#thumbnail_img').attr('src'));
}

---

在下一页中，您可以通过

localStorage.getItem（“img”）访问它
不要通过URL传递，使用HTML5 Web存储。您可以使用
会话存储
或
本地存储
：

function toskuentry(){
    localStorage.setItem("img", $('#thumbnail_img').attr('src'));
}

在下一页中，您可以通过
localStorage.getItem（“img”）访问它
谢谢spencer。。你救了我的命！！现在你可以投票了：）谢谢斯宾塞。。你救了我的命！！现在你可以投票了：）