一、启动后的效果展示二、前言1、可用领域在线教育企业内训远程协作2、技术栈说明reacttypescript3、所用服务同步服务：netless白板存储服务：阿里/七牛音视频服务：声网、七牛等4、在线

在JavaScript中，文件FIle对象是Blob对象的子类，Blob对象包含一个重要的方法slice通过这个方法，我们就可以对二进制文件进行拆分

本文阿宝哥将介绍工作中遇到过的八种文件上传的场景，并介绍每种场景背后所使用到的技术，从而让大家能更好地理解成熟上传组件所提供的功能。

本文讲的图片上传，主要是针对上传头像的。大家都知道，上传头像一般都会分成以下 4 个步骤： 接下来，就详细的介绍每个步骤具体实现。 选择图片有什么好讲的呢？不就一个 input[type=file] ，然后点击就可以了吗？确实是这样的，但是，我们想要做得更加的友好一些，比如需要…

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

这是我参与更文挑战的第11天，活动详情查看： 更文挑战 前言 这篇文章用来介绍如何使用 js 上传图片，介绍了两种方法，一种是使用 ajax，另一种是使用 axios。 其实下面的代码也适合上传文件，

少年，我看你骨骼精奇，是万中无一的武学奇才，我这有本《图片流》秘籍，见与你有缘，就送于你了。 本文所说的图片流就是读取本地图片，并在页面使用文件流的方式显示出来。 paste事件提供了一个clipboardData属性，是一个DataTransfer类型的对象，前面我们说到，拖…