新版本浏览器中如何实现图片预览功能
来源:互联网 发布:adobe 编程字体 编辑:程序博客网 时间:2024/05/17 09:37
<!doctype html public "-//w3c//dtd html 4.01//en" "http://www.w3.org/tr/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>New file input tester.</title>
</head>
<body>
<input id="myfile" type="file" />
<br />
<img src="" alt="Image to be upload." />
<div id="info"></div>
<script type="text/javascript">
var dFile = document.getElementById('myfile');
var dImg = document.getElementsByTagName('img')[0];
var dInfo = document.getElementById('info');
dFile.onchange = function(){
if(!dFile.value.match(/.jpg|.gif|.png|.bmp/i)){alert('File type must be: .jpg, .gif, .bmp or .png !');return;}
if(dFile.files){
dImg.src = dFile.files[0].getAsDataURL();
}else if(dFile.value.indexOf('//') > -1 || dFile.value.indexOf('//') > -1){
dImg.src = dFile.value;
}
}
</script>
</body>
</html>
- 新版本浏览器中如何实现图片预览功能
- 图片预览功能实现
- jquery实现兼容浏览器的图片上传本地预览功能
- jquery实现兼容浏览器的图片上传本地预览功能
- 用JS实现不同浏览器的图片预览功能
- sublime 实现浏览器预览功能
- 在浏览器中预览图片
- 在浏览器中预览图片
- 图片上传预览功能实现
- JavaScript实现图片预览功能
- MFC中实现类似图片预览的功能
- 如何实现VB中打开图像文件时的预览功能
- 鼠标悬浮图片上,显示上传按钮,点击实现预览功能,支持多浏览器
- 上传图片预览功能的IE浏览器兼容性问题的实现:JS+JQuery+CSS完整版
- PHP 中配置 ckeditor(fckeditor的新版本)+ckfinder ,实现上传图片功能。
- js实现图片在浏览器进行预览
- Html5中实现图片预览
- ie6、ie7实现图片预览功能
- eclipse.ini说明
- 实施经理的工具箱--走出软件作坊:三五个人十来条枪 如何成为开发正规军(七)
- ramdisk与 initrd、initramfs的关系
- SystemVerilog 断言及其应用--(神州龙芯集成)
- Windows2003的LoaderLock
- 新版本浏览器中如何实现图片预览功能
- 内核模块编译说明
- SD card技术了解并WINCE下SDHC驱动开发
- 超简单表格隔行换色+鼠标点击变色
- 超简单表格隔行换色+鼠标经过变色2
- initramfs 簡介,一個新的 initial RAM disks 的模型
- 实施经理的工具箱--走出软件作坊:三五个人十来条枪 如何成为开发正规军(六)
- C# Image.FromFile() 异常
- 开始啦!