一站式提供docx、pdf、excel多种文档的在线预览方案，只需引入相应的vue组件，传入文档地址，即可实现预览功能

文件上传之前的各种检验是很常见的，但是如果上传视频时需要限制视频的时长，就需要单独处理了，此短文正是提供一种解决该问题的思路

🚀使用Vue + Koa实现一个带有断点续传、秒传，文件访问鉴权功能的轻量个人网盘系统。网盘含有简单的文件移动、重命名、删除、还原、文件夹功能。

问题背景 当前整个ai平台的本地上传用户体验非常不友好，主要表现为上传速度过慢且服务端容易崩溃，没有上传速率的展示、已上传大小的显示、剩余时间的显示，缺少很多必要信息展示给用户，让用户不清楚当前上

凡是要知其然知其所以然 文件上传相信很多朋友都有遇到过，那或许你也遇到过当上传大文件时，上传时间较长，且经常失败的困扰，并且失败后，又得重新上传很是烦人。那我们先了解下失败的原因吧！ 据我了解大概有以

写这个组件之前，本来打算用webUploader的，结果官方不再维护了，而且在进行一系列的测试及老大的要求下，改用vue-simple-uploader,中间遇到了无数的问题，对于我这个脑子不好使的人来说，简直太难了。。。还好基本都解决了 vue-simple-uploader…

前端在向后端请求信息时，常常需要等待一定的时间才能得到返回结果。为了提高用户体验，可以通过实现一个接口进度条函数来增加页面的交互性和视觉效果。 实现思路 首先定义一个进度条组件来渲染页面展示效果，组件

element-ui 中 el-upload 实现自定义多文件上传显示上传进度，以及多文件中断上传。

最近项目中涉及很多文件上传的地方，然后文件上传又有很多限制。比如文件大小限制，文件个数限制，文件类型限制，文件上传后的列表样式自定义，包括上传进度条等问题。下面是我对element-ui的上传组件的一