<html>
</head>
<body>
<form name="formimg" action="submit.jsp" enctype="multipart/form-data" method="post">
<table width="100%" border="0" cellspacing="2" cellpadding="2">
<tr>
<td valign="top">
<span id="pfile">
<input type="file" name="protectfile" onChange="previewit()" onKeyDown="return false" onpaste="return false;" >
</span>
<div id="preview"></div>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>
<input name="updateprotect" type="button" class="BtnConfirm" value="上传" onClick="javascript:updateExe();" />
<input name="usecurprotect" type="button" class="BtnConfirm" value="使用默认图" onClick="javascript:updateExe2();" />
</td>
</tr>
</table>
</form>
</body>
<script language="javascript">
/*
* 预览图片
*/
function previewit()
{
var fileext;
fileext=(document.formimg.protectfile.value.substring(document.formimg.protectfile.value.lastIndexOf("."),document.formimg.protectfile.value.length)).toLowerCase();
if(fileext!='.gif')
{
alert("系统仅支持GIF格式的图片,请选择GIF格式图片!");
document.formimg.protectfile.value="";
document.formimg.protectfile.focus();
return false;
}
else
{
document.getElementById("preview").innerHTML="<span><b>图</b></span><br><img src='"+document.formimg.protectfile.value+"' style='border:2px double #ccc'>" ;
}
}
/*
* 上传图片
*/
function updateExe(){
var filename = document.formimg.protectfile.value;
if(filename== ""){
alert("您还没有选择警告图片文件");
return;
}else{
if(filename.substr(filename.length-4,4).toLowerCase().match("^.gif$") == null) {
alert("图像类型不是GIF类型");
return;
}else{
// 照片的大小验证
var img = new Image();
var MAXSIZE = 1000;
alert(filename);
img.src = filename;
alert(img.fileSize);
if (img.fileSize > MAXSIZE*1024) {
alert( " 请上传小于 1M 的图片 " );
return false ;
}
alert("我要提交了.");
//document.formimg.submit(); //提交
}
}
}
//首先清空文件域
function updateExe2(){
document.getElementById("pfile").innerHTML = "<input type=\"file\" name=\"protectfile\" onKeyDown=\"return false;\" onpaste=\"return false;\"/>";
document.formimg.submit(); //提交
}
</script>
</html>
分享到:
相关推荐
JavaScript是一种广泛应用于网页和网络应用开发的脚本语言,它主要负责处理客户端的交互逻辑。在本主题中,我们将深入探讨如何使用JavaScript实现一个简单的模拟计算器。这个计算器可能包括基本的算术运算,如加、减...
为了确保上传的文件符合网站的要求,前端开发者往往需要利用JavaScript来对文件进行一系列的检查。这个过程包括判断文件的类型和文件的大小。以下是对文件上传时进行类型和大小判断的知识点总结。 首先,从标题和...
根据提供的文档信息,我们可以整理出一系列与JavaScript相关的知识点。这些知识点涵盖了基本的语法、特性、控制结构、事件处理以及与HTML交互的相关概念。 ### JavaScript基础知识 #### 1. 输出到浏览器 - **知识...
这个项目提供了一个纯JavaScript的解决方案,允许在浏览器中实现Highcharts图表的本地导出,无需与服务器通信。 实现客户端导出的关键在于使用`canvg`和`xlsx`这两个库。`canvg`库用于将SVG图表转换为Canvas元素,...
Gulp 是一个基于 Node.js 的自动化任务运行器,它能够帮助前端开发者实现一系列流程化的任务,比如编译 Sass,压缩 CSS 和 JavaScript,处理图片,甚至自动化构建过程。在这个主题中,我们将深入探讨如何安装 Gulp ...
3. **创建软键盘按钮**:在软键盘区域,创建一系列的按钮,每个按钮代表一个字符。可以使用循环和模板字符串来简化这个过程。 4. **添加事件监听器**:为每个软键盘按钮添加点击事件监听器。当用户点击按钮时,触发...
JavaScript是一种广泛应用于网页和网络应用开发的脚本语言,它主要负责实现客户端的交互和动态效果。以下是一些JavaScript的基本小技巧和知识点: 1. **输出语句**:`document.write("")` 可用于在HTML文档中输出...
例如,游戏中的每个方块可以用一个二维数组来表示,而游戏逻辑则可以通过一系列的函数实现。 游戏的核心部分是游戏循环,它通常由`setInterval`或`requestAnimationFrame`函数控制。在这段源代码中,开发者可能会...
- CPU 通过执行一系列指令来完成任务。 **解析**: - 中央处理器(CPU)是计算机的核心部件,负责执行指令。 **答案**:B. 指令 ### 10. Word 文件保存 **知识点概述**: - Microsoft Word 支持多种文件格式的...
这种动态交互是现代网页应用的基础,也是JavaScript作为客户端脚本语言的核心优势。 总结一下,这个JavaScript实现的网页计算器涉及到的知识点包括: 1. HTML基础:创建元素(如input和button),设置属性(如...
FineUploader是一款功能强大的JavaScript库,专门用于实现网页上的文件上传功能。它的最新版本5.2.2在前一版本的基础上进行了优化和增强,为开发者提供了更完善的上传解决方案。这款库支持jQuery,使得与HTML DOM...
- **form标签**:定义表单容器,包含一系列输入控件和按钮。 - **select标签**:创建下拉列表,用户可以从列表中选择一个或多个选项。 - **multiSelect标签**:创建可多选的下拉列表,用户可以同时选择多个选项。...
JavaScript的`Math`对象提供了一系列用于数学运算的方法,如加法(`+`)、减法(`-`)、乘法(`*`)、除法(`/`)等。在计算过程中,我们可能需要处理浮点数和整数,JavaScript能自动处理这种转换。 4. 变量和数据存储: ...
- 两者都是有序序列,可用于存储一系列数据。 - **不同点**: - **元组**:不可变序列类型,适合用于保护不变的数据,更安全;使用小括号定义,例如 `tuple = (1, 2, 3)`。 - **列表**:可变序列类型,支持元素的...
- **问题**: 一个页面上有大量的图片(大型电商网站),加载很慢,你有哪些方法优化这些图片的加载,给用户更好的体验。 - **答案**: - 使用懒加载技术 - 图片压缩 - 采用WebP等现代格式 - 图片分批加载 - 使用...
数据库由一系列对象存储区(Object Stores)组成,每个存储区又包含一系列记录。记录可以通过键来访问,而键可以是任意类型的数据。 **Promise的应用** 在`simple-indexdb-js`中,Promise被用来处理异步操作,使得...
7. **事务处理**:DWR支持事务管理,可以确保一系列操作要么全部成功,要么全部回滚,这对于复杂的业务逻辑非常重要。 **四、问题排查** 在实际应用中,可能会遇到如"AJAX第二次访问不能进入Action"的问题,这通常...
根据提供的文件信息,我们可以归纳出一系列与HTML相关的知识点。这些知识点涵盖了HTML的基础语法、标签使用、表单元素、样式管理以及网页布局等多个方面。 ### 重要知识点总结 #### 1. 框架属性设置 - **问题描述*...
- **方法**: 使用JavaScript或者C#结合ASP.NET服务器控件,遍历页面上的所有TextBox和ComboBox控件,并将其Text属性清空。 - **示例代码** (C#): ```csharp foreach (Control control in this.Controls) { if ...
- **知识点概述**:软件危机是指在软件开发过程中出现的一系列问题,这些问题可能导致项目延期、预算超支、软件质量低下等问题。 - **详细解释**:软件危机的表现包括软件开发生产率低、软件质量难以控制、软件成本...