基于JavaScript FileReader上传图片显示本地链接

这篇文章主要介绍了如何使用JavaScript中的FileReader对象实现上传图片并在本地显示的功能。文中详细解释了如何通过代码实现这一功能，具有一定的参考价值。

简介

在现代web开发中，FileReader对象是一种强大的工具，它允许web应用程序异步读取用户计算机上的文件内容。使用File对象或者Blob对象，我们可以指定要处理的文件或数据。File对象可以来自多种渠道，如用户通过输入元素选择的文件、拖放操作生成的数据，或者是HTML画布元素的mozGetAsFile()方法返回的结果。

接下来是一个上传多个图片的示例代码：

HTML部分：

```html