使用纯JavaScript将动画GIF图像存储在本地存储器中

我需要将GIF图像存储在本地存储器中。我一直在尝试使用以下代码来实现这一点:

function imgToURI(image) {
    var canvasTemp = document.createElement('canvas');
    canvasTemp.width = image.naturalWidth; // or 'width' if you want a special/scaled size
    canvasTemp.height = image.naturalHeight; // or 'height' if you want a special/scaled size
    canvasTemp.getContext('2d').drawImage(image, 0, 0);
    var dataUri = canvasTemp.toDataURL('image/gif');
    // Modify Data URI beginning
    dataUri = 'data:image/gif;' + dataUri.substring(15);
    return dataUri;
}


window.onload = function () {
    var img = new Image();
    img.src = 'http://pop.h-cdn.co/assets/16/33/480x264/gallery-1471381857-gif-season-2.gif';
    localStorage.setItem('test', imgToURI(img));
};

上述代码输出 data:image/gif; 在本地存储中。我在控制台上也找不到任何错误。

我已经尝试了很多,但不知道为什么图像没有得到存储。如果您有上述问题的解决方案,请告诉我。