请问如何将file对象(视频)缓存到本地,就是下次浏览器打开后,能拿到缓存的视频进行播放 - CNode技术社区

html:

<video class="sound" width="200" controls="controls"></video>
<input class="file" type="file">

js:

 $('.file').on('change', function () {
 let file = $(this)[0].files[0]
 let reader = new FileReader()
 reader.readAsBinaryString(file)
 reader.onload = function (e) {
 localStorage.setItem('file', this.result)
 let _file = localStorage.getItem('file')
 console.log(_file)
 $('.sound').attr('src', URL.createObjectURL(new Blob([_file])))
 }
 })

以上只是一个思路,但是打印出来的是乱码,也是不能播放的(需要纯前端实现的) 111111111111.png

浏览器缓存视频不现实,而且有体积限制

存 video 的 currentTime

websql?