上传图片时JS自动显示图片
2009-08-11 00:00
176 查看
javascript 图片预览
function preview(imgFile,num)
{
//预览代码,支持 IE6、IE7。
var newPreview = document.getElementById("preview1");
var t ;
if(document.all) //IE
t = imgFile.value;
else
t = imgFile.files[0].getAsDataURL(); //FF
newPreview.style.backgroundImage = "url(" + t + ")";//imgFile.value;
newPreview.style.width = "108px";
newPreview.style.height = "130px";
newPreview.style.display = "block";
}
function ShowImg(o)
{
//var Browser_Agent=navigator.userAgent;
//if(Browser_Agent.indexOf("Firefox")!=-1)
//{
//火狐使用
// document.getElementById("idImg").src=o.files[0].getAsDataURL();
// document.getElementById("idImg").style.display = "block";
// }
//else
//{
preview(o,1);
//}
}
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
function preview(imgFile,num)
{
//预览代码,支持 IE6、IE7。
var newPreview = document.getElementById("preview1");
var t ;
if(document.all) //IE
t = imgFile.value;
else
t = imgFile.files[0].getAsDataURL(); //FF
newPreview.style.backgroundImage = "url(" + t + ")";//imgFile.value;
newPreview.style.width = "108px";
newPreview.style.height = "130px";
newPreview.style.display = "block";
}
function ShowImg(o)
{
//var Browser_Agent=navigator.userAgent;
//if(Browser_Agent.indexOf("Firefox")!=-1)
//{
//火狐使用
// document.getElementById("idImg").src=o.files[0].getAsDataURL();
// document.getElementById("idImg").style.display = "block";
// }
//else
//{
preview(o,1);
//}
}
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关文章推荐
- 上传图片时JS自动显示图片
- JS实现图片上传后自动显示
- 上传图片时JS自动显示图片
- 上传图片时JS自动显示图片
- js点击上传图片后直接显示在内容框中
- js实现固定显示区域内自动缩放图片的方法
- js实现图片上传并即时显示
- FileUpload控件实现单按钮图片自动上传并带预览显示
- js显示上传图片的缩略图、验证上传文件的格式、验证上传文件大小、验证图片宽、高
- js实现图片上传前的预览,实现完美兼容Firefox3,IE6,IE7,IE8和IE9的显示问题
- js - ckeditor 文本编辑器图片上传至服务器显示
- 用html5 canvas js 实现图片大小的压缩显示,图片上传后可在线预览。
- 图片上传即时显示缩略图的js代码
- (转)上传自动显示图片 代码
- 上传图片时实时显示功能使用uploadPreview.js
- 关于ajaxfileupload.js一些问题和上传图片就立即显示图片功能
- JS中如何让图片慢慢消失,然后自动再显示另一张图片?
- Js实现input上传图片并显示缩略图
- neatbeans用js实现图片预览上传(自动控制图片大小)
- js使用file上传图片-----(1)选择文件类型的判断和图片的显示