来自localstorage url的图片返回[object arraybuffer] [英] Image from localstorage url return [object arraybuffer]

问题描述

嗨 每个人。

i尝试使用本地存储来加速我的网站加载图像和音频文件，

所以我用这样的java脚本设置我的Pic文件：

  var  req =  new  XMLHttpRequest（）; 
 req.onload =  function （e）{
  var  arraybuffer = oReq。响应; 
} 
 req.open（  GET，'  / zTest.jpg'）; 
 req.responseType =   arraybuffer; 
 req.send（）; 
 req.addEventListener（'  readystatechange'，函数（）{
  if （req.readyState ===  4 ） {
 localStorage.setItem（'  photo'，req.response）; 
 } 
}）; 
 

我的尝试：



在其他页面中我使用此代码返回我的文件

  var  img = < span class =code-keyword> new  Image（）; 
 img.src = localStorage.photo; 
 $（'  .imagearea'）。html（img）; 

但它不会显示Pic和我的img src这样：

  <   img     src   =  [object ArrayBuffer] >  

注意：我知道本地存储文件大小最少5 Mb

解决方案

< blockquote>（' .imagearea'）。html（img）;

但它没有显示Pic和我的img src这样：

 <   img     src   =  [object ArrayBuffer] >  

注意：我知道本地存储文件大小最少5 Mb

Hi everyone.
i try using local storage for speed up my site to load image and audio file,
so i set my Pic File with java Script like this:

var req = new XMLHttpRequest();
        req.onload = function (e) {
            var arraybuffer = oReq.response;
        }
        req.open("GET", '/zTest.jpg');
        req.responseType = "arraybuffer";
        req.send();
        req.addEventListener('readystatechange', function () {
            if (req.readyState === 4) {
                localStorage.setItem('photo', req.response);
            }
        });

What I have tried:

in other page i use this code to return my file

var img = new Image();
            img.src = localStorage.photo;
            $('.imagearea').html(img);

but it don`t show Pic and my img src like this:

<img src="[object ArrayBuffer]">

note: i know local storage file size most less 5 Mb

解决方案

('.imagearea').html(img);

but it don`t show Pic and my img src like this:

<img src="[object ArrayBuffer]">

note: i know local storage file size most less 5 Mb

这篇关于来自localstorage url的图片返回[object arraybuffer]的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！