如何在界面上显示本地图片
2014-07-13 15:34
197 查看
/article/10987993.html
<html>
<head>
<script type="text/javascript">
function getFullPath(obj){
if(obj){
//ie
if (window.navigator.userAgent.indexOf("MSIE")>=1) {
obj.select();
return document.selection.createRange().text;
}
//firefox
else if(window.navigator.userAgent.indexOf("Firefox")>=1){
if(obj.files){
return obj.files.item(0).getAsDataURL();
}
return obj.value;
}
return obj.value;
}
}
</script>
</head>
<body>
<input type="file" onchange="document.getElementById('img').src=getFullPath(this);" />
<img id="img" />
</body>
</html>
<html>
<head>
<script type="text/javascript">
function getFullPath(obj){
if(obj){
//ie
if (window.navigator.userAgent.indexOf("MSIE")>=1) {
obj.select();
return document.selection.createRange().text;
}
//firefox
else if(window.navigator.userAgent.indexOf("Firefox")>=1){
if(obj.files){
return obj.files.item(0).getAsDataURL();
}
return obj.value;
}
return obj.value;
}
}
</script>
</head>
<body>
<input type="file" onchange="document.getElementById('img').src=getFullPath(this);" />
<img id="img" />
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 如何在界面上显示本地图片
- Android-Universal-Image-Loader--一个界面显示本地sd以及网络图片
- 如何扩展EasyUI在页面中立即显示选中的本地图片
- JSP页面如何显示本地图片
- JSP页面如何显示本地图片
- Ueditor 上传图片 如何设置只显示 本地上传
- SP页面如何显示本地图片
- 如何将ROS发出的图片消息在Qt Ceator的界面显示出来？
- JSP页面如何显示（绝对路径）本地图片
- 如何在jsp中显示本地计算机上的图片文件
- 使用mmit进行移动开发，如何在一行同时显示图片和文字.
- Visual Basic 2005——如何在DataGridView控件的储存格中同时显示出文字与图片
- 如何读取保存在数据库中的图片显示在DataGrid中
- VC界面显示图片(JPG JPEG GIF)
- VC界面显示图片(BMP)
- 如何显示数据库中Image类型的图片
- 如何读取保存在数据库中的图片显示在DataGrid中
- 用TreeView控件实现资源管理器(显示本地硬盘下所有文件夹和文件，并可以浏览图片)(示例代码下载)
- 用TreeView控件实现资源管理器(显示本地硬盘下所有文件夹和文件，并可以浏览图片)
- 如何显示数据库中以 OLE 对象方式存储的 JPEG 图片