js实现上传图片预览的方法

本文实例讲述了射流研究…实现上传图片预览的方法。分享给大家供大家参考。具体实现方法如下：复制代码代码如下：函数PreviewImage(IMgfile){ var文件扩展名=IMgfile。价值。子字符串(IMgfile。价值。的最后一个索引(' . '))，IMgfile。价值。长度)；文件扩展名=文件扩展名。tolowercase()；if(((文件扩展名！='.jpg ')(文件扩展名！='.gif ')(文件扩展名！='.JPEG ')(文件扩展名！='.png ')(文件扩展名！='.BMP '){ alert('对不起，系统仅支持标准格式的照片，请您调整格式后重新上传，谢谢!');imgfile。焦点()；} else { var路径

if(文档。all)//IE { imgfile。select()；路径=文档。选择。创建范围().文本；文件。getelementbyid(' IMgpreview ').innerHTML=文档。getelementbyid(' imgPreview ')。风格。filter=' progid : maximagettransform .微软。alpha imageloader(enabled=' true '，sizingMethod='scale '，src=\ ' path ' \ ')'；//使用滤镜效果} else//FF { path=IMgfile。文件[0].getastualta()；文件。getelementbyid(' IMgpreview ').innerHTML=' img id=' img 1 ' width=' 120 px ' height=' 100 px ' src=' path ' '/'；//文档。getelementbyid(' img 1 ').src=路径；} }}

调用：复制代码代码如下：上传图片：输入类型=' file '名称=' file '样式=' width : 200px'height: 20px'onchange='预览图像(此)' id=' upload '/

div id=' IMgpreview ' style=' width :120 px；高度：100 px边距-左侧： 280像素；/div

运行效果如下图所示：

希望本文所述对大家的爪哇岛描述语言程序设计有所帮助。