sessionStorage,localStorage的使用以及区别(数据存储在浏览器上)

  • sessionStorage 浏览器关闭即失效

  • localStorage 长期有效

sessionStorage.变量名 = 变量值   // 保存数据
sessionStorage.setItem("变量名","变量值") // 保存数据
sessionStorage.变量名  // 读取数据
sessionStorage.getItem("变量名") // 读取数据
sessionStorage.removeItem("变量名") // 清除单个数据
sessionStorage.clear()  // 清除所有sessionStorage保存的数据

localStorage.变量名 = 变量值   // 保存数据
localStorage.setItem("变量名","变量值") // 保存数据
localStorage.变量名  // 读取数据
localStorage.getItem("变量名") // 读取数据
localStorage.removeItem("变量名") // 清除单个数据
localStorage.clear()  // 清除所有sessionStorage保存的数据

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
使用localStoragesessionStorage将视频数据浏览器中,您可以按照以下步骤进行操作: 1. 将视频数据转换为Blob对象:首先,将视频数据转换为Blob对象。如果您已经有一个视频URL,可以使用fetch()或XMLHttpRequest等方法来获取视频数据,并将其转换为Blob对象。例如: ```javascript fetch('your_video_url') .then(response => response.blob()) .then(blob => { // 将blob对象存储localStoragesessionStorage中 }); ``` 2. 存储Blob对象到本地缓:接下来,将Blob对象存储localStoragesessionStorage中。您可以使用setItem()方法将Blob对象存储在本地缓中。例如: ```javascript localStorage.setItem('videoData', blob); ``` 请注意,localStoragesessionStorage只能存储字符串类型的值,所以我们需要将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类型等。 以上是一种基本的方法来使用localStoragesessionStorage将视频数据浏览器中。具体的实现可能会根据您的应用场景和需求而有所不同,您可以根据需要进行相应的调整和扩展。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

骑猪去兜风z1

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值