前端 大致流程如下 我们使用vue提供的ref属性来获得标签的dom对象 该dom对象的files属性数据类型为FileList，为input的文件信息 遍历FileList读取文件并上传

最近遇见一个需要上传百兆大文件的需求，调研了七牛和腾讯云的切片分段上传功能，因此在此整理前端大文件上传相关功能的实现。 在某些业务中，大文件上传是一个比较重要的交互场景，如上传入库比较大的Excel表格数据、上传影音文件等。如果文件体积比较大，或者网络条件不好时，上传的时间会比…

Excel 的导入导出都是依赖于js-xlsx来实现的。 在 js-xlsx的基础上又封装了Export2Excel.js来方便导出数据。 由于 Export2Excel不仅依赖js-xlsx还依赖file-saver和script-loader。 由于js-xlsx体积还是很…

由于笔者之前维护了几个比较老的项目是用jquery全家桶开发的，其中有些需求是需要跨页面交互和父子页面通信，故借此总结一下。另一块是前端实现文件下载功能，虽然方法很多，为了不用重复造轮子，在此还是总结一波，毕竟多页面下的应用场景还是很多的。 由于本文介绍的主要还是基于javas…

最近项目需求，做一个图片上传到阿里云oss的功能，由于之前没做过这样的功能，所以也是查阅了不少资料，边写demo边测试把基本功能完成了。现在来记录下，没做过的童鞋也可以简单参考下。我的使用场景是在vue项目中结合iview框架的上传组件来实现功能。 最开始我们后端让我自己看看这…

Web 开发者们一直以来想在 Web 中使用音频和视频，但早些时候，传统的 Web 技术不能够在 Web 中嵌入音频和视频，所以一些像 Flash、Silverlight 的专利技术在处理这些内容上变得很受欢迎。 这些技术能够正常的工作，但是却有着一系列的问题，包括无法很好的支…

在日常工作中，大部分人都会使用 Microsoft Office Word、WPS 或 macOS Pages 等文字处理程序进行 Word 文档处理。除了使用上述的文字处理程序之外，对于 Word 文档来说，还有其他的处理方式么？答案是有的。 如何在前端动态生成 Word 文…

这种文件在新窗口页面打开这个接口便可以进行下载，但是如果关乎于权限，比如需要在cookie里面传token给后端才允许访问，这方法就行不通了。 所以在此需要采用Blob对象的方式来对二进制流文件进行下载。 然后，就可以对文件导出进行简单的封装了，当调用该方法时，这里是规定了接口…

某个工作日的下午，一个前端小伙伴找我说：“我的线上的页面原来是好好的，今天访问的时候怎么变成了下载了，我什么都没做呀？”正在这时，又有人反馈所有的web网页访问的时候都变成下载了。 经过紧急的排查，发现问题的原因是阿里云某个 CDN 节点的回源请求的构建出现了问题，导致 OSS…