js file上传图片并显示出来

本文主要是介绍js file上传图片并显示出来，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

1.首先给个img点击上传的图片，让input隐藏。并且定位到img地方；

2.div 传递的参数是input的id，input 展示传递的参数是div的id；

</form>

js:

//-------------------文件图片上传
   function fileSelect(elementId){
   document.getElementById(elementId).click();
   }
   function showImage(file,id){
var div = document.getElementById(id);

if (file.files && file.files[0])
{
div.innerHTML ='<img id=img_'+id+'>';
var img = document.getElementById('img_'+id);
img.onload = function(){
img.width = "90";
}
var reader = new FileReader();
reader.onload = function(evt){img.src = evt.target.result;}
reader.readAsDataURL(file.files[0]);
}
else //兼容IE
{
var sFilter='filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src="';
file.select();
var src = document.selection.createRange().text;
div.innerHTML ='<img id=img_'+id+'>';
var img = document.getElementById('img_'+id);
img.filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src = src;
var rect = clacImgZoomParam(MAXWIDTH, MAXHEIGHT, img.offsetWidth, img.offsetHeight);
status =('rect:'+rect.top+','+rect.left+','+rect.width+','+rect.height);
div.innerHTML = "<div id=divhead style='width:"+rect.width+"px;height:"+rect.height+"px;margin-top:"+rect.top+"px;"+sFilter+src+"\"'></div>";
}
}