FileReader：读取本地图片文件并显示 写在开头 之前公司要求做一个H5页面，功能是照相和选择相册相片，并且能在屏幕上预览。然后我就傻里吧唧的各种找插件，因为有些插件不适配手机的型号，安卓机基本死掉，苹果有时候也会出点小bug（会闪退）。那是最后的解决方案是不显示图片了，把选择的链接 ...

第一次做图片上传，记录一些问题。 1，图片的base64编码就是可以将一副图片数据编码成一串字符串，使用该字符串代替图像地址。而网页上的每一个图片，都是需要消耗一个http请求下载而来的，使用base64就不用请求http。 2，上传图片 ...

...

我们使用H5可以很容易的实现图片上传前对其进行预览的功能 Html代码如下： 实现预览功能的js代码如下： 最后注意一点，H5实现图片预览只能使用原生JS进行DOM元素的操作，若使用jQuery则无法实现该效果。 参考文章 ...

<div class="sctp"> src="img/sczp.png" id="photo" alt="" /> <inp ...

="file" />, 用户选择需要上传的图片后, 页面上显示将要上传的图片. 以前呢, 需要Ajax ...

目标实现： 　　1、选择图片， 前端预览效果 　　2、图片大于1.2M的时候， 对图片进行压缩 　　3、以表单的形式上传图片 　　4、图片删除 　　 预览效果图： 代码说明： 1、input:file选择图片 2、图片预览 ...

1.上传组件 ...