JS实现获取图片大小和预览的方法完整实例【兼容工业管理学(工业工程)和其它浏览器】

本文实例讲述了射流研究…实现获取图片大小和预览的方法。分享给大家供大家参考，具体如下：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8' /titleJS获取图片大小和预览【兼容工业管理学(工业工程)和其它浏览器】/title/head脚本类型=' application/JavaScript '函数previveimage(oImage，previveid){ if(！oImage.value.match(/).jpg| .jpeg| .gif| .png| .bmp/i)){ //alert('图片格式无效!');返回；} var IMgpath=if(document . all){//低版本工业管理学(工业工程)浏览器图像。select()；imgPath=文档。选择。创建范围().文本；//使用滤镜效果var TempVaLue=' progid : maximagettransform .微软。alpha image loader(' tempValue=' enabled=' true '，sizingMethod='scale '，src=\ ' ' IMgpath ' \ ')'；文件。getelementbyid(preViewId)。风格。filter=tempValue}else{ //非工业管理学(工业工程)浏览器，如火狐谷歌等浏览器imgPath=窗口网址。createobjecturl(oi image。文件[0])；//FF7.0以上文件。getelementbyid(preViewId).src=imgPath//显示预览图}};函数getFileSize(ObjFIle){ var fileSize=ObjFIle。文件大小| | 0；if(FileSize==0){ FileSize=ObjFile。文件[0].大小；}返回文件大小}函数imageChange(){ var oImg=document。getelementbyid(' imagefile 01 ')；previewImage(oImg，‘preview’)；var fileSize=getFileSize(oImg)；文件大小=数学。ceil(文件大小/1024)“KB”；var filePath=oImg.valuevar代理=window。领航员。用户代理；var tempValue=' BRfile size : ' filestize；tempValue='brFile path: '文件路径；tempValue='bragent='代理；文件。getelementbyid(' imageInfo ').innerHTML=TempValue }；/scriptbodyh3JS获取图片大小和预览【兼容工业管理学(工业工程)和其它浏览器】/h3img id=' preview ' style=' width : 100px；高度： 60pxborder: 0px/Brin将name=' image file 01 ' id=' image file 01 ' type=' file ' on change=' JavaScript : image change()；/brdiv id=' imageInfo '/div/body/html运行效果图如下：

更多关于Java脚本语言相关内容感兴趣的读者可查看本站专题： 《JavaScript图片操作技巧大全》 、 《JavaScript图形绘制技巧总结》 、 《JavaScript错误与调试技巧总结》 、 《JavaScript数据结构与算法技巧总结》 、 《JavaScript遍历算法与技巧总结》 及《JavaScript数学运算用法总结》

希望本文所述对大家Java脚本语言程序设计有所帮助。