本文实例讲述了javascript实现的图片预览和上传功能。分享给大家供大家参考,具体如下:
下载DEMO:https://github.com/CaptainLiao/zujian/tree/master/Upload
对于现代浏览器来说,要实现图片预览非常简单:
1、fileReader.readAsDataURL(file)
2、window.URL.createObjectURL(file)
以上两种方法分别可以得到一个base64和一个blob对象的URL地址,从而实现预览。但是,他们只支持在IE10+,显然这是不够的,如何实现低版本IE浏览器的图片预览呢?代码如下:
这样,我们就能够在IE10- 下预览上传的图片了。
在这里,有必要对几个参数说明一下,以免后人再入坑!
progid:DXImageTransform.Microsoft.AlphaImageLoader([enabled=bEnabled ,] [sizingMethod=sSize ,] src=sURL)
enabled: 可选。布尔值(Boolean)。设置或检索滤镜是否激活。
- true:默认值。滤镜激活。
- false:滤镜被禁止。
sizingMethod:可选。字符串(String)。设置或检索滤镜作用的对象的图片在对象容器边界内的显示方式。
- crop:剪切图片以适应对象尺寸。
- image:默认值。增大或减小对象的尺寸边界以适应图片的尺寸。
- scale:缩放图片以适应对象的尺寸边界。
src: 必选项。字符串(String)。使用绝对或相对 url 地址指定背景图像。假如忽略此参数,滤镜将不会作用。
以上,可以实现低版本IE浏览器的图片预览,但要上传到服务器还需要一番周折。对于单张图片,可以通过



