iview上传文件本地预览

1,312 阅读1分钟

前言:之前有次版本迭代有个需求,要将上传的视频或者图片可以本地预览,而不是上传之后在预览。简单的分享一下此次遇到的问题,希望对正在做或者要做的你有所帮助。


初次解决办法:

通过new FileReader();将本地文件转换为base64进行渲染。效果确实是达到了我的需求,但是,一旦处理大的视频文件就会造成浏览器内存泄漏导致页面直接崩溃,这是谁也不想看到的,于是便有了第二种解决办法。


二次解决办法:


原理:通过blob将upload的选择的文件转换为blob形式,在通过window内置createObjectURL方法生成本地路径直接访问本地文件,这样就可以实现需求,也不会造成浏览器内存泄漏。


第一次写掘金,希望各位兄台多多包涵。