<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<script src="jquery-1.4.4.js"></script>
<script language='javascript'>
function getFullPath(obj)
{
if(obj)
{
//ie
if ($.browser.msie)
{
obj.select();
return document.selection.createRange().text;
}
//firefox
else if($.browser.mozilla)
{
if(obj.files)
{
return obj.files.item(0).getAsDataURL();
}
return obj.value;
}
return obj.value;
}
}
function showImg(src){
$("#img").css("display","");
$("#img").attr("src",src);
}
</script>
</head>
<body>
<div>
<input id="f1" name="f1" type="file" onchange="showImg(getFullPath(this));" />
</div>
<div>
<img id="img" alt="" style="display:none" />
</div>
</body>
</html>
分享到:
相关推荐
diyUpload JAVA版,支持多文件,多图片先预览后上传,JAVA 项目文件部署即可使用
dwz+jquery+fileupload+springmvc实现文件上传及图片预览
多选多个文件上传+图片预览。H5源代码支持PC浏览器端和手机移动端.zip
上传图片时的图片预览(html)
C#上传图片预览,aspx,winform,都有。。
一款ExtJS的带进度条的多文件上传和图片预览,此项目不仅可同时上传多个文件,且上传过程中带进度显示,上传完成后还有相关图片的预览……
HTML5实现多文件图片预览上传实例代码 HTML5实现多文件图片预览上传实例代码
jquery文件上传插件(多文件选择、带进度条 ,图片预览)
实用JS,jQuery实现上传图片的预览功能,可以跟随鼠标移动
使用FileUpload上传图片实现图片预览
本HTML5实现多文件图片预览上传功能实例,使用zyFile.js插件
超级方便好用的工具,拿着代码就可以用,纯js技术实现文件预览与文件类型判断!
minio实现为文件上传和文件预览,已经集成springboot项目,下载即可用,适合没有任何经验的开发人员。
用于winform的图片上传下载,带图片预览,源码项目
提供文件包括(图片)预览,文件上传,文件下载,文件删除等功能,使用者可以稍加修改用于自己的开发中
jQuery支持预览多个文件_多张图片批量上传插件jQuery支持预览多个文件_多张图片批量上传插件jQuery支持预览多个文件_多张图片批量上传插件
在我的博客中有详细的说明 http://blog.csdn.net/for12/article/details/48650335
HTML5多文件上传带预览效果源码下载 HTML5多文件上传带预览效果源码下载
主要功能:文件上传、下载、预览、打包下载
本地预览文件的功能