以上就是图片前端压缩并上传demo的完整演示。 要想使用JS实现图片的压缩效果，原理其实很简单，核心API就是使用canvas的drawImage()方法。 各参数具体含义可以参见“Canvas API中文文档-drawImage”，这里不展开。 把大图片画在一张小画布上，压缩…

文件下载是前端开发中常见的一个业务场景，由于浏览器的不同，尤其是各个现代浏览器与IE浏览器之间的差异性，很多时候都需要对文件下载功能进行兼容

这是我参与更文挑战的第2天，活动详情查看： 更文挑战。 文件下载的需求 初步研究 业务需求中要求文件可以进行点击下载。 然后我想到了a链接不是新增了download属性吗？ 把a链接的地址设置为要下载

一.URL.createObjectURL  URL.createObjectURL()方法会根据传入的参数创建一个指向该参数对象的URL. 这个URL的生命仅存在于它被创建的这个文档里. 新的对象U

简单的理解一下就是将一个file或Blob类型的对象转为UTF-16的字符串，并保存在当前操作的document下。 细说起来就是另一个故事了，不要在意细节。 当然是本篇主题的预览功能了。 等等。预览用FileReader.readAsDataURL(file)转base64搞…

开篇菜单：点这里😜一、安装JZip和file-saver二、导入三、使用四、参考资料1、JZip的相关文档2、file-saver的相关文档如果对你有帮助，可以👍+关注，我们一起学前端~~~~

JavaScript 提供了一些 API 来处理文件或原始文件数据，例如：File、Blob、FileReader、ArrayBuffer、base64 等。下面就来看看它们都是如何使用的，它们之间又

群里有人问到如何通过纯前端的方式来读取本地文件再编辑后保存为新文件的问题。类似这种纯前端读写的方式正好在项目开发过程中遇到过，我们是读取一个Markdown文件的模板通过一些信息的修改（如版本，名称，日志）来为产品生产新的帮助文档。以前纯前端实现文件读写要借助于各种浏览器插件（…

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