用js预览图片PhP怎样获取,分享一个JS实现获取图片大小和预览的方法

这篇文章主要介绍了JS实现获取图片大小和预览的方法,结合完整实例形式分析了javascript针对不同浏览器处理图片上传与预览等操作的相关实现技巧,需要的朋友可以参考下

本文实例讲述了JS实现获取图片大小和预览的方法。分享给大家供大家参考，具体如下：/p>

"www.php.cn/TR/xhtml1/DTD/xhtml1-transitional.dtd">

JS获取图片大小和预览【兼容IE和其它浏览器】

function previewImage(oImage,preViewId){

if(!oImage.value.match(/.jpg|.jpeg|.gif|.png|.bmp/i)){

//alert('图片格式无效！');

return;

}

var imgPath = "";

if(document.all){

//低版本IE浏览器

oImage.select();

imgPath = document.selection.createRange().text;

//使用滤镜效果

var tempValue = "progid:DXImageTransform.Microsoft.AlphaImageLoader("

tempValue += "enabled='true',sizingMethod='scale',src=\"" + imgPath + "\")";

document.getElementById(preViewId).style.filter = tempValue;

}else{

//非IE浏览器，如火狐google等浏览器

imgPath = window.URL.createObjectURL(oImage.files[0]); //FF7.0以上

document.getElementById(preViewId).src = imgPath; //显示预览图

}

};

function getFileSize(objFile){

var fileSize = objFile.fileSize || 0;

if(fileSize == 0) {

fileSize = objFile.files[0].size;

}

return fileSize;

}

function imageChange(){

var oImg = document.getElementById("imageFile01");

previewImage(oImg,"preview");

var fileSize = getFileSize(oImg);

fileSize = Math.ceil(fileSize / 1024) + "KB";

var filePath =oImg.value;

var agent = window.navigator.userAgent;

var tempValue = "
File size: " + fileSize;

tempValue += "
File path: " + filePath;

tempValue += "
agent=" + agent;

document.getElementById("imageInfo").innerHTML = tempValue;

};

JS获取图片大小和预览【兼容IE和其它浏览器】