请问如何将file对象(视频)缓存到本地,就是下次浏览器打开后,能拿到缓存的视频进行播放
发布于 3 个月前 作者 vcxiaohan 1010 次浏览 来自 问答

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

3 回复

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

存 video 的 currentTime

回到顶部