图片上传是一个普通不过的功能，而图片预览就是就是上传功能中必不可少的子功能了。在这之前，我曾经通过订阅 input[type=file] 元素的 onchange 事件，一旦更改路径则将图片上传至服务器，接着就获取图片路径并赋值到 img 元素上。先不管文件异步提交的解决方案，就是服务端清理那些临时的预览图片已经增加不少工作量了。 偶然从 MDN 上找到纯前端图片预览的相关资料，经过整理后记录下来以便日后查阅。