如何实现移动端HTML5图片上传预览及压缩功能？

本文共计1543个文字，预计阅读时间需要7分钟。

原文示例：本文实例讲述了JavaScript实现移动端+HTML5+图片上传预览和压缩功能。分享给广大家长供大家参考，具体如下：在开发移动端web网页中，我们不可避免会遇到文件上传的功能，但由手机图上传‘

改写后：本文以实例展示如何使用JavaScript在移动端HTML5中实现图片上传、预览及压缩功能。供家长参考，具体包括：在制作移动端网页时，我们常需添加文件上传功能，尤其是手机图片上传。

本文实例讲述了javascript实现移动端 HTML5 图片上传预览和压缩功能。分享给大家供大家参考，具体如下：

在开发移动端web网页中，我们不可避免的会遇到文件上传的功能，但由于手机图片尺寸太大，上传时间过长导致用户体验太差，就需要在上传前对图片进行一定的压缩。

在代码之前，有必要先了解我们即将使用到的几个API

file 和 FileList 对象

file对象可以用来获取某个文件的信息,还可以用来读取这个文件的内容.通常情况下,File对象是来自用户在一个 input 元素上选择文件后返回的FileList对象,也可以是来自由拖放操作生成的 DataTransfer对象。