<script>
function yulan()
{
var fileext=document.form1.UpFile.value.substring(document.form1.UpFile.value.lastIndexOf("."),document.form1.UpFile.value.length)
fileext=fileext.toLowerCase()
if ((fileext!='.jpg') && (fileext!='.gif') && (fileext!='.jpeg') && (fileext!='.png') && (fileext!='.bmp'))
{
alert("对不起,系统仅支持标准格式的照片,请您调整格式后重新上传,谢谢 !");
document.form1.UpFile.focus();
}
else
{
//alert(''+document.form1.UpFile.value)//把这里改成预览图片的语句
document.getElementById("preview").innerHTML="<img src='"+document.form1.UpFile.value+"' width=120 style='border:6px double #ccc'>"
}
}
</script>
<form name="form1" method="POST" enctype="multipart/form-data">
<input type="file" name="UpFile" size="46" onchange="yulan()">
<div id="preview"></div>
</form>
效果:
来自:
http://www.alixixi.com/Dev/HTML/jsrun/pic/2008/2008080480470.html
- 大小: 10.1 KB
分享到:
相关推荐
HTML5图片压缩上传预览效果代码,减少图片占用服务器硬盘空间,可压缩前预览和压缩后预览。
HTML5图片压缩上传预览效果代码,减少图片占用服务器硬盘空间,可压缩前预览和压缩后预览。
jQuery基于svg图片上传预览代码是一款支持多张图片同时上传预览效果代码。适用于图片匹配对比。
原生JS简单图片上传预览代码基于jQuery.1.10.2.js制作,选取图片上传,缩略图显示效果。、
是一段实现了可以选择本地图片预览并上传的效果代码,在预览区的图片是可以删除的,同时将本地图片拖动到网页规定的区域内也是可以自动添加到预览区的.
本文实例讲述了jQuery实现图片上传预览效果功能。分享给大家供大家参考,具体如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>www.jb51.net jquery图片上传...
jQuery基于svg图片上传预览代码是一款支持多张图片同时上传预览效果代码。适用于图片匹配对比。
一款简单实用的jQuery多尺寸图片上传预览代码,演示里定义了三种常用的logo图片、头像图片、海报图片上传预览效果。
原生JS简单图片上传预览代码基于jQuery.1.10.2.js制作,选取图片上传,缩略图显示效果。、
images JavaScript表格高亮选择特效 jq 3D旋转木马 ...jquery+css3时钟效果 jquery+css3曲线特效图...最少代码的瀑布流实现预览效果 滚动条.htm 漂亮的放GG代码的广告框架 用户注册代码 简洁的左右切换焦点图代码(jQuery)
京东商城商品详细页图片展示特效(滚动、切换、缩放查看),预览效果直接上京东商城随便点开一个商品就可以看到(上传时(2014-1-6)该效果与京东上完全一致)
gsap鼠标拖拽图片上传代码是一款创意的拖拽图片上传插件,支持上传图片预览删除图片列表等效果。
集成highslide图片预览效果; (前提需安装模板设置插件)后台可上传LOGO、幻灯片、设置广告等;支持侧边栏前台开关cookie判断(具体自己体验);文章缩略图,优先调用内容第一张图片、其次调用附件图片;没有首张...
gsap鼠标拖拽图片上传代码是一款创意的拖拽图片上传插件,支持上传图片预览删除图片列表等效果。
1.表单类 2.菜单类 3.弹出层插件 4.弹出日历组件 5.放大镜效果 6.幻灯片 7.上传类 8.鼠标提示 9.树 10.图片预览 11.问卷调查 12.无缝滚动
15.20 上传图片时预览 15.21 对联广告 15.22 带关闭的对联广告 15.23 到边界反弹的漂浮图片 15.24 用键盘控制图片移动 15.25 预装载图片提高站点速度 15.26 始终在屏幕右下角的图片 15.27 可拖动的图片 15.28 等比例...
集成highslide图片预览效果;后台可上传LOGO、幻灯片、设置广告等; 支持侧边栏前台开关cookie判断,支持文章缩略图,优先调用内容第一张图片、其次调用附件图片;并且支持关闭文章缩略图;支持侧栏跟随功能,...
15.20 上传图片时预览 15.21 对联广告 15.22 带关闭的对联广告 15.23 到边界反弹的漂浮图片 15.24 用键盘控制图片移动 15.25 预装载图片提高站点速度 15.26 始终在屏幕右下角的图片 15.27 可拖动的图片 15.28 等比例...
贴图助手:针对网站上传图片的限制问题开发的贴图助手–无须事前转换即可在上传时自动压缩转换超过限制的图片,杜绝无法上传的问题,同时也减少网站的服务器带宽资源被无效占用(网站支持需获得授权); 批量转换:...