js的localStorage保存数据到浏览器缓存

//定义全局变量函数
var localStorage = window.localStorage;
//定义全局变量
//设置缓存
function (key, value) {
	var v = value;
	//是对象转成JSON,不是直接作为值存入内存
	if (typeof v == 'object') {
		v = JSON.stringify(v);
		v = 'obj-' + v;
	} else {
		v = 'str-' + v;
	}
	var localStorage = window.localStorage;
	if (localStorage ) {
		localStorage .setItem(key, v);
	}
};
//获取缓存
function (key) {
	var localStorage = window.localStorage;
	if (localStorage ) 
		var v = localStorage.getItem(key);
		if (!v) {
			return;
		}
		if (v.indexOf('obj-') === 0) {
			v = v.slice(4);
			return JSON.parse(v);
		} else if (v.indexOf('str-') === 0) {
			return v.slice(4);
		}
	}
};

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要使用localStorage或sessionStorage将视频数据缓存浏览器中,您可以按照以下步骤进行操作: 1. 将视频数据转换为Blob对象:首先,将视频数据转换为Blob对象。如果您已经有一个视频URL,可以使用fetch()或XMLHttpRequest等方法来获取视频数据,并将其转换为Blob对象。例如: ```javascript fetch('your_video_url') .then(response => response.blob()) .then(blob => { // 将blob对象存储到localStorage或sessionStorage中 }); ``` 2. 存储Blob对象到本地缓存:接下来,将Blob对象存储到localStorage或sessionStorage中。您可以使用setItem()方法将Blob对象存储在本地缓存中。例如: ```javascript localStorage.setItem('videoData', blob); ``` 请注意,localStorage和sessionStorage只能存储字符串类型的值,所以我们需要将Blob对象转换为字符串。可以使用Blob对象的slice()方法将其分割为小块,并使用FileReader对象将每个小块转换为Base64编码的字符串,然后将这些字符串拼接在一起。 3. 从本地缓存中获取视频数据:当需要从本地缓存中获取视频数据时,您可以使用getItem()方法来获取存储的字符串,并将其转换回Blob对象。例如: ```javascript const videoDataString = localStorage.getItem('videoData'); const videoDataBlob = new Blob([videoDataString], { type: 'video/mp4' }); // 使用videoDataBlob进行播放或其他操作 ``` 请注意,在从本地缓存中获取视频数据时,您可能需要根据您的具体需求对Blob对象进行处理,例如设置正确的MIME类型等。 以上是一种基本的方法来使用localStorage或sessionStorage将视频数据缓存浏览器中。具体的实现可能会根据您的应用场景和需求而有所不同,您可以根据需要进行相应的调整和扩展。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值