- 浏览: 844272 次
- 性别:
- 来自: 广州
文章分类
- 全部博客 (530)
- Java编程 (64)
- C/C++/D (6)
- .Net/C# (9)
- Ruby (12)
- JavaScript (77)
- XML (1)
- JSON (1)
- Ajax (17)
- ExtJs (81)
- YUI (1)
- JQuery (7)
- DWR (1)
- HTML (7)
- CSS (7)
- Database (6)
- PowerDesigner (23)
- DB2 (2)
- Oracle (57)
- MS SQL Server (8)
- MySQL (6)
- JSP/Servlet/JSTL/TagLib (3)
- Spring (1)
- Hibernate (0)
- iText (0)
- Struts (0)
- Struts2 (0)
- iReport (0)
- FreeMarker (0)
- HttpClient (1)
- POI (6)
- FckEditor (15)
- Eclipse / MyEclipse (10)
- IntelliJ IDEA (0)
- NetBeans (0)
- Tomcat (11)
- WebLogic (1)
- Jboss (3)
- jetty (4)
- IIS (2)
- CVS/VSS (1)
- FTP (1)
- Windows/DOS (6)
- Linux/Unix (0)
- 软件建模 UML (0)
- Design Pattern & Thinking In Programming (10)
- 数据结构与算法 (12)
- 软件项目管理 (9)
- 行业应用解决方案 (3)
- 电脑软件与故障解决 (13)
- 编程语言 (1)
- 十万个为什么 (3)
- JBPM (2)
- sysbase (2)
- JDBC (8)
- Ant (2)
- Case-计算机辅助软件工程 (1)
- WebService (4)
- 浏览器 (1)
最新评论
-
gaoqiangjava:
同一楼,还请大手帮解决
JAVA读取word文件 -
hyl523:
// 判断数组中的第一个值是否未定义,如果未定义,便定义为空对 ...
javascript面向对象之二 命名空间 -
ping12132200:
ping12132200 写道我抱着个错不是因为:body标签 ...
extjs在IE报对象不支持此属性或方法 -
ping12132200:
我抱着个错不是因为:body标签内的第一个元素不能为文本tex ...
extjs在IE报对象不支持此属性或方法 -
fireinjava:
呀,不错,转走了,谢谢啦~
利用OpenOffice将word转换成PDF
<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>
本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/QQlvbo/archive/2009/01/21/3845536.aspx
发表评论
-
javascript面向对象之一 类
2011-06-06 16:46 1001javascript中的类多数是用 ... -
javascript面向对象之二 命名空间
2011-06-06 16:24 1234javascript中本没有命名空间的概念,但是要体现面向对象 ... -
网页特效代码
2011-06-01 16:38 10811. Flip! 一个 jQuery 插件 http://l ... -
js 操作select 大全
2010-11-04 13:49 7401判断select选项中 是否存在Value="pa ... -
Dialog 超酷js弹出层 完美兼容所有浏览器 华丽呈现超强功能
2010-11-03 13:05 1375http://www.iteye.com/topic/4800 ... -
IE6对display:table-row不支持
2010-11-02 19:34 1595http://topic.csdn.net/u/2010070 ... -
javascript中字符串转化为json对象
2010-07-30 09:11 1224http://www.json.org/js.html To ... -
IE6的base标签导致页面结构大混乱
2010-07-20 16:27 1074这是一个非常隐秘也是非常强大的bug,我真不知微软的IE开发人 ... -
汇总让IE6崩溃的几种方法
2010-07-20 16:25 1139经常遇到莫名其妙让IE6崩溃的事情。今天看到了一篇好文章,数字 ... -
JS添加事件处理函数
2010-07-08 23:41 1094作为一种事件驱动的编 ... -
js压缩工具
2010-07-04 23:50 1803javascriptcompressor.com ( ... -
Javascript 中 ShowModalDialog 的使用方法
2010-06-21 16:13 1427ShowModalDialog函数的功能 ... -
xtree的基本应用---入门级
2010-06-21 16:08 1232由于公司要求做一棵关于公司员工选择的JS控件树,以前我们一直使 ... -
重写window.confirm函数
2010-06-12 11:06 2359重写window.confirm函数为了让它能够默认选择取消按 ... -
改善window的alert提示信息框样式
2010-06-12 11:05 1456<input type="button&quo ... -
jsgraphics图形库
2010-05-10 22:58 1627http://www.walterzorn.com/jsgra ... -
JavaScript图形库jsGraphics
2010-05-10 22:57 2481JavaScript图形库Raphaël < JavaS ... -
千一JS控件
2010-05-10 22:31 871千一JS控件--滑块条 千一JS控件--进度条 千一JS控 ... -
JavaScript 生成曲线图
2010-05-10 22:28 1255引用方法 new gov.Graphic(par1,par2 ... -
腾讯检测 IP 省市的接口
2010-05-10 22:26 1465利用 JavaScript 调用。 <script ...
相关推荐
在本文中,我们将深入探讨如何使用纯JavaScript实现上传图片前的预览功能,并且检查图片的大小,确保兼容性覆盖到IE7至IE10、Firefox以及Chrome等主流浏览器。这个功能对于用户交互体验有着重要的作用,因为它允许...
总的来说,实现JavaScript上传图片预览效果需要结合HTML、CSS和JavaScript,利用File API读取文件,并通过`<img>`标签显示预览。在旧版浏览器中,可能需要依赖额外的库或技术来达到兼容性。这些文件名表明了实现这一...
下面将详细介绍如何在ASP.NET中实现FileUpload控件上传图片前的预览功能,同时兼容IE6、IE7、IE8以及Firefox等主流浏览器。 1. **HTML结构与JavaScript预览** 在前端页面上,我们需要一个FileUpload控件让用户选择...
以上就是基于JavaScript实现图片上传预览效果的基本过程。通过理解这些关键步骤和文件作用,开发者可以创建一个功能完善的图片上传预览系统。在实际开发中,还应注意兼容性、性能优化和安全问题,例如限制文件大小、...
但随着浏览器安全性的提高,要实现图片上传预览也越来越困难。 不过群众的智慧是无限的,网上已经有很多变通或先进的方法来实现。 例如ie7/ie8的滤镜预览法,firefox 3的getAsDataURL方法。 但在opera、safari和...
这个“实现了上传图片前预览效果功能jquery.zip”压缩包文件显然是一个与JavaScript库jQuery相关的项目,它包含了实现这一功能的代码和可能的文档。在这个项目中,开发者使用了jQuery来处理图片预览,这是一种常见的...
在JavaScript中实现图片上传预览效果是Web开发中常见的需求,尤其在用户需要在提交前查看上传图片的情况下。这一功能可以提升用户体验,确保用户知道自己上传的图片是什么样子。以下将详细讲解如何使用JavaScript来...
### jQuery实现上传图片预览 在现代Web开发中,用户交互体验是提升网站吸引力的关键因素之一。其中,图片上传预览功能是许多应用场景中的一个重要环节,例如社交媒体、在线购物平台等。通过使用jQuery库,我们可以...
在现代Web开发中,用户体验是至关重要的,而图片预览功能就是提升用户体验的一个重要环节。本文将深入探讨如何使用JavaScript(JS)和HTML5技术来实现在网页上上传图片并实时预览的效果。这一功能允许用户在正式提交...
"图片上传前预览效果,静态页面显示"这个主题主要关注如何在用户实际提交图片之前,在页面上实现预览功能,这样用户可以确认图片的质量、方向以及是否符合上传要求,提高用户体验。这种功能在很多场景下都非常有用,...
在JavaScript中实现图片上传预览是一项常见的前端功能,它允许用户在正式上传图片到服务器之前先看到图片的效果,提供了一种良好的用户体验。这个过程通常包括选择图片、读取图片数据、处理图片(如尺寸调整)以及在...
这一功能允许用户上传他们的图片,并在提交前查看其效果,确保上传的图片符合预期。以下将详细介绍如何实现PHP的图片上传及预览功能,以及如何控制图片的大小。 首先,我们需要创建一个HTML表单来接收用户的图片...
本项目采用原生JavaScript实现了这样一个图片上传预览插件,无需依赖jQuery或其他第三方库,使代码更加轻量级且易于理解。以下是关于这个插件实现的一些关键知识点: 1. **FileReader API**:JavaScript的...
JavaScript 图片上传预览功能是网页开发中常见的一种交互设计,允许用户在正式提交文件之前先查看所选图片的效果。这种功能通常用于提高用户体验,确保用户上传的图片符合预期的格式和尺寸。以下是对给定代码的详细...
在IT行业中,尤其是在Web开发领域,用户经常需要上传图片,而提供一个图片上传前的预览功能能够极大地提升用户体验。这个“jquery图片上传前预览 无需上传至服务器”的技术方案,就是解决这一问题的一种方法。它允许...
在现代Web应用中,"上传图片本地预览效果"是一个常见的功能,特别是在社交媒体、电子商务、图像编辑等场景中。这个功能允许用户在选择图片后,无需等待上传完成就能在页面上即时预览所选的图片,提升了用户体验。...
在客户端,用户可以看到所选图片的实时预览,这提升了用户体验,使他们能够在上传前检查图片效果。同时,上传进度也会显示,让用户知道文件传输的状态。 总结来说,实现Bootstrap图片上传和预览功能主要依赖于`...