contain：保持图片原始的长宽比，调整图片尺寸，使高度或宽度（两者中较长的一个）能够适应给定的尺寸。 cover：保持图片原始的长宽比，图像区域完全被图片完全覆盖。 fill：默认值。图片完全填充于图像区域，即使付出会损失原始长宽比的代价。 none：图片尺寸不会被调整。原…

引言 在我们的日常开发中，上传文件是一个很普遍的需求。这时候大家使用Vue的都会想到el-upload这个组件，但我们的需求中，经常都是需要上传多个文件，传参等。此时就需要我们来使用他之中的http-

前端最优化压缩图片上传方案！！！再次优化升级！14M压缩后仅剩130KB。 图片上传是前端中常见的的业务场景。无论是前台还是后台，适当的对图片进行压缩处理， 可以显著的提升用户体验。

一. 判断是Android还是iOS

js+video标签实现一个自定义播放器，主要学习的是原生js的写法与video标签的属性，希望能帮助一些初学者。

本文介绍HTML图片 url、base64、blob 几种类型之间的JS转换实现，还包括图片截图等方法。用于转成base64储存、转成blob上传文件、转成url在页面上回显等需求。

当视频能够预览并上传后，非要来一张视频第一帧的截图贴上，第一帧是黑的怎么办，下一帧。 在video标签上添加preload属性. 以上两种方式都可以成功截取到第一帧（截图方式方法不变），自动播放是否准确待验证，预加载属性已验证成功。 关于截取或者处理图片/视频/富文本编辑器，c…

老生常谈的东西：js获取video首帧，一直都知道大概怎么做，但也是第一次实践，往往这种东西都是深坑一般的存在。 首先有一个东西，就是canvas。它的上面有一个getContext方法，这个方法获得一个绘图上下文，并且可以开始绘制。canvas还有一个方法就是drawImag…

由于全屏播放在移动web上的兼容问题，尤其是在iOS上，让全屏本应该比较简单的操作，根据业务的需求，有时候会有些复杂。这里查看原生全屏相关API 模拟全屏的好处是可以自定义相关控件，以达到统一多端样式的目的，并可以在全屏模式下做很多自定义的操作；缺点是，在移动端需要终端支持，且…