fiel blob 前端缓存 音频文件

前端录制 MP4 文件，并进行断点续传到服务器，但是在前端上传之前页面被刷新后  就找不到刚刚录制的视频文件

您好，我是有问必答小助手，您的问题已经有小伙伴解答了，您看下是否解决，可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案，可以点击【采纳】按钮，给回答的小伙伴一些鼓励哦～～

ps:问答VIP仅需29元，即可享受5次/月 有问必答服务，了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632

chrome的话localStorage大概能存储5M的内容，考虑到只能存字符串，所以blob转2进制表示的数据及结构和一些控制信息，这样要缩减大概3/4，所以实际大概能存储1M的数据，你的mp4应该不会只有1M吧，所以很难缓存文件。

可以加window.onbeforeunload提示用户是否离开页面

点击按钮后刷新页面或者关闭会提示，10s后再刷新不会提示，你可以在上传成功后设置uploading=false停止提示<br />
<input type="button" value="开始上传" onclick="uploading = true; setTimeout(function () { uploading = false }, 10000)" />
<script>
    var uploading = false;
    window.onbeforeunload = function (e) {
        if (uploading)return (e||window.event).returnValue='文件尚未上传完毕，确认离开页面？！'
    };
</script>