原文:html5 图片上传，支持图片预览、压缩、及进度显示，兼容IE6+及标准浏览器以前写过上传组件，见 打造 html5 文件上传组件，实现进度显示及拖拽上传，兼容IE6+及其它标准浏览器，对付一般的上传没有问题，不过如果是上传图片，且需要预览的话，就力有不逮了，趁着闲暇时间，给上传组件添加了单独...
分类：
Web程序 时间：
2015-10-27 19:57:18
阅读次数：
242
HTML5的 File API允许浏览器访问本地文件系统，借助它我们可以实现以前无法实现的本地图片预览功能。先介绍下该API实现了那些接口：1.Blob接口，表示原始的二进制数据，通过它可以访问到文件的大小和字节数据2.File接口，保存着文件的只读属性信息，如文件名，文件类型，文件数据访问的地址。...
分类：
Web程序 时间：
2015-10-26 17:00:43
阅读次数：
175
本来以为图片预览功能非常的简单，就是在file标签change时获取路径展示给用户，但是浏览器处于安全考虑并不会让脚本获得绝对路径（这会在一定程度上暴露用户的文件 目录），只能获取文件名。所以要通过和后台的配合，在file标签发生change事件时，将图片以ajax的方式发送到后台，后台将图片保.....
分类：
其他好文 时间：
2015-10-22 12:07:04
阅读次数：
238
尊重原创，转载请注明来自：http://www.cnblogs.com/fsjohnhuang/p/3925827.html^_^肥仔John 一、前言 图片上传是一个普通不过的功能，而图片预览就是就是上传功能中必不可少的子功能了。在...
分类：
其他好文 时间：
2015-10-15 21:58:27
阅读次数：
212
1.FileUpload上传控件：（原文：http://www.cnblogs.com/hide0511/archive/2006/09/24/513201.html）FileUpload控件显示一个文本框控件和一个浏览按钮，使用户可以选择客户端上的文件并将它上载到 Web 服务器。用户通过在控件的...
分类：
Web程序 时间：
2015-10-15 15:59:02
阅读次数：
171
图片上传预览其中URL.revokeObjectURL方法Opera不支持，FileReader除IE9及以下不支持，其它浏览器都支持。FileReader接口提供了一个异步的API，通过这个API可以从浏览器中异步访问文件系统中的数据。因此，FileReader接口可以读取文件中的数据，并将读取的...
分类：
其他好文 时间：
2015-10-09 11:48:37
阅读次数：
165
源码地址：http://pan.baidu.com/s/1kTtQzpt使用 ajaxFileUpload上传图片。效果图
分类：
Web程序 时间：
2015-09-22 20:20:18
阅读次数：
110
查看效果：http://sandbox.runjs.cn/show/tgvbo9nq本地图片转Base64（从而可以预览图片）：function localImgLoad() { var src = this.files[0]; var self = $(this); var re...
分类：
其他好文 时间：
2015-09-11 20:34:19
阅读次数：
351
