1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > js实现上传图片及时预览

js实现上传图片及时预览

时间:2018-08-03 19:51:20

相关推荐

js实现上传图片及时预览

独角兽企业重金招聘Python工程师标准>>>

<style type="text/css">

/* 上传图片预览 */

.imgdivview, .img, img {

width:200px;

height:200px;

}

.imgdivview{

border:1px solid #000;

}

.dhx_bg_img_fix{

cursor: pointer;

}

</style>

/**

* 预览图片

* @param id divID

* @param file this

* 案例:<input type="file" name="file4" class="span6" οnchange="preview('imgdiv4',this)"></input>

* <div class="imgdivview" id="imgdiv4"></div>

*/

function preview(id,file) {

var prevDiv = document.getElementById(id);

if (file.files && file.files[0]) {

var reader = new FileReader();

reader.onload = function(evt){

prevDiv.innerHTML = '<img src="' + evt.target.result + '" />';

};

reader.readAsDataURL(file.files[0]);

}else{

prevDiv.innerHTML = '<div class="img" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src=\'' + file.value + '\'"></div>';

}

}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。