博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
[转]很简单的JS实现上传前预览图片(兼容IE8)
阅读量:5072 次
发布时间:2019-06-12

本文共 1040 字,大约阅读时间需要 3 分钟。

关于图片预览的一个小方法,很简单,我在网上看到的,下面是源码:

1  2  3 13 14 15     
16
17
18
19
20
21
22 23

 

起初是看了这个:

将如下代码放入<head></head>中:

1 

在页面中加入如下代码:

1          
2
3

4

5 选择图片: 6

后来发现这样不能实现只预览一张!!它是预览一张就添加一张!而我要的是只预览一张!经过网上在搜索看到了关于这个方法的说明!!便得到了我的方法!!

 

以下便是这个方法的说明:

在 IE6 中,可以很方便地利用 img 的 src 属性,实现本地图片预览,然而在 IE7 中,这种办法却行不通。需要用 AlphaImageLoader 。

说明:

在对象容器边界内,在对象的背景和内容之间显示一张图片。并提供对此图片的剪切和改变尺寸的操作。如果载入的是PNG(Portable Network Graphics)格式,则0%-100%的透明度也被提供。

语法:

filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL )

enabled: 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。

true:默认值。滤镜激活。
false:滤镜被禁止。

sizingMethod: 可选项。字符串(String)。设置或检索滤镜作用的对象的图片在对象容器边界内的显示方式。

crop:剪切图片以适应对象尺寸。
image:默认值。增大或减小对象的尺寸边界以适应图片的尺寸。
scale:缩放图片以适应对象的尺寸边界。

src: 必选项。字符串(String)。使用绝对或相对 url 地址指定背景图像。假如忽略此参数,滤镜将不会作用。

 

 来源:

转载于:https://www.cnblogs.com/seasons1987/archive/2012/11/16/2773548.html

你可能感兴趣的文章
正则表达式(进阶篇)
查看>>
无人值守安装linux系统
查看>>
【传道】中国首部淘宝卖家演讲公开课:农业本该如此
查看>>
jQuery应用 代码片段
查看>>
MVC+Servlet+mysql+jsp读取数据库信息
查看>>
黑马程序员——2 注释
查看>>
用OGRE1.74搭建游戏框架(三)--加入人物控制和场景
查看>>
转化课-计算机基础及上网过程
查看>>
android dialog使用自定义布局 设置窗体大小位置
查看>>
ionic2+ 基础
查看>>
互联网模式下我们更加应该“专注”
查看>>
myeclipse集成jdk、tomcat8、maven、svn
查看>>
Navicat 提示Cannot create oci environment 解决方式
查看>>
查询消除重复行
查看>>
Sand Making Plant Produced by Red Star
查看>>
Win 10 文件浏览器无法打开
查看>>
HDU 1212 Big Number(C++ 大数取模)(java 大数类运用)
查看>>
-bash: xx: command not found 在有yum源情况下处理
查看>>
[leetcode]Minimum Path Sum
查看>>
内存管理 浅析 内存管理/内存优化技巧
查看>>