Javascript FileReader()图像预览每选择一次就会翻倍

JavaScript中的FileReader()是一个用于读取文件的内置对象，它可以帮助我们在网页中实现图像预览功能。当我们选择一个文件时，可以使用FileReader()来读取该文件，并将其显示在网页上，以便用户进行预览。

FileReader()有以下几个主要方法和事件：

1. readAsDataURL(file)：将指定的File对象读取为一个DataURL字符串，可以用作图像预览。
2. onload：文件读取完成时触发的事件，可以在该事件中获取读取的数据进行进一步操作。

使用FileReader()进行图像预览的步骤如下：

1. 创建一个FileReader对象：可以使用var reader = new FileReader();来实例化一个FileReader对象。
2. 监听文件选择事件：可以通过监听文件选择的input元素的change事件，在事件回调中进行文件读取的操作。
3. 将选择的文件传递给FileReader对象：可以通过reader.readAsDataURL(file)方法将选择的文件传递给FileReader对象进行读取。
4. 监听文件读取完成事件：通过监听FileReader对象的onload事件，在事件回调中可以获取读取的数据。
5. 显示图像预览：可以将读取到的DataURL字符串赋值给一个img元素的src属性，即可在网页上显示图像预览。

该功能在前端开发中非常常见，特别适用于需要在网页中实时预览图片的场景，例如用户上传图片、头像裁剪等。

腾讯云提供了丰富的云计算产品，其中与前端开发相关的产品有腾讯云对象存储（COS），您可以使用COS来存储和管理用户上传的图片文件。详情请参考腾讯云COS的官方文档：腾讯云对象存储（COS）

以上是对JavaScript FileReader()图像预览的完善且全面的答案。