js怎么改变图片的KB大小

1、新建一个HTML文件，文件名称为test.html，用于使用JS实现图片文件大小的改变。

3、在选取上传图片的时候，进行图片的压缩，改变图片文件的大小。在input标签上，使用onchange（）事件，即当选择完上传的图片时，执行一个JS压缩图片的函数，进行图片的压缩，代码如下：

5、使用onload方法让图片在选择成功后，便进行图片的压缩，并将转换后的图片数据存储在e.target.result中，并赋值给一个新建的图片临时对象里面，用于下面步骤对图片压缩。

7、将已经压缩好的base64格式图片赋值给步骤2的img标签src属性，在浏览器直接显示已成功改变文件大小的图片。

9、在浏览器运行test.html，选择上传的图片，生成改变了文件大小的图片，另存图片，查看其文件大小，看是成功改变了图片的大小（KB）。