在平时项目开发中会有上传文件的功能,一般在前端会通过JS来判断上传文件是否属于指定的文件类型,如果不属于就将控件值清空! (当然你也可以不清空)
有一种方法可以很简单的装文件上传组件的值清空,代码如下:
var file=document.getElementById("fileupload");
file.outerHTML=file.outerHTML
举个实例
<asp:FileUpload ID="fupload" onchange="CHKFile(this)" runat="server"/>
function CHKFile(fileUpLoda)
{
var fileName=fileUpLoda.value;
// alert(fileName);
var extensionName=fileName.toLowerCase().substr(fileName.lastIndexOf(".")+1);
//alert(extensionName);
if(extensionName!="jpg")
{
alert("图像格式错误!只能上传jpg格式的图片");
fileUpLoda.outerHTML=fileUpLoda.outerHTML;//清空
}
}
分享到:
相关推荐
这种方法的核心思想是:通过JavaScript动态创建一个包含`FileUpload`控件的临时表单,然后调用表单的`reset()`方法来清空`FileUpload`控件中的文件信息。具体步骤如下: 1. **创建临时表单**:使用`document....
这段JavaScript代码通过修改`outerHTML`属性来清空FileUpload控件中的文件。当用户上传了错误类型的文件时,我们可以调用这个函数来清空控件的内容。 #### 四、文件类型检查 为了确保用户只能上传特定类型的文件,...
8. **JavaScript禁用**:如果用户的浏览器禁用了JavaScript,`FileUpload`控件可能无法正常工作。确保你的应用也能在JavaScript被禁用的情况下提供合理的用户体验。 9. **编码问题**:在处理POST请求时,编码问题也...
本文将解析如何在JavaScript中有效地清空File控件的路径值,确保用户可以取消已选择的文件。 方法1:使用Form的reset方法 在某些情况下,可以将File控件放入一个单独的Form元素中,然后在需要清空文件选择时调用...
在Vue.js框架中,处理`<input type="file">`元素时,用户选择文件后,如果需要清空已选择的文件路径,可以采用多种方法。本文将详细讲解两种常见的解决方案,以及如何在Vue实例中实现这个功能。 首先,让我们看下在...
本文将介绍如何利用JavaScript(简称JS)来控制文件上传控件(FileUpload)的文件类型,仅允许用户上传特定的文件格式,比如图片文件。 知识点: 1. 文件上传控件(FileUpload):在Web表单中,FileUpload控件允许...
这段代码会在用户选择新文件时自动将文件输入框的值清空,这是一种更为稳定且兼容性良好的做法。 总的来说,清空`<input type="file">`元素选择的文件可以通过多种技术实现,但考虑到浏览器的差异性,推荐使用事件...
在JavaScript中,使用`$("#fileupload").fileupload()`方法初始化插件,设置相关选项: ```javascript $('#fileupload').fileupload({ url: 'upload.php', // 服务器端处理上传的URL dataType: 'json', done: ...
4. jQuery的事件处理:使用`.on()`方法绑定事件处理函数,例如`$('input[type=file]').on('change', function() {...})`,当文件输入元素的值改变时执行回调函数。 5. 动画效果:jQuery提供了丰富的动画方法,如`....
然而,这个操作会清空用户之前选择的文件,从而达到取消选择的效果。这种方法在现代浏览器中具有较好的兼容性和稳定性。 总结来说,HTML的文件上传控件取消选择可以通过JavaScript实现,具体方法取决于控件的显示...
<artifactId>commons-fileupload <version>1.4 ``` ##### 2. 配置文件上传 在`application.properties`或`application.yml`中配置文件上传的最大大小等限制。 ```properties spring....
而第二级下拉列表在页面初始化时是空的,JavaScript代码会根据第一级下拉列表的选项值来填充城市列表。JavaScript部分的实现如下: ```javascript var province = document.getElementById("province"); var city =...
javascript小技巧 DotNet密码加密的技术 用户MD5加密 ASP.net验证码实现 图片水印 防盗链 .NET(C#)连接各类数据库 读取配置文件数据库连接串 正则表达式验证 递归把十进制转换八进制(面试题目) ...
上传图片校验图片格式和大小,清空图片输入框控件,提交校验必填项等等均已经验证成功 , 可以直接使用。请放心下载,支持正版(哈哈哈)。
// 清空现有数据,然后填充新数据 var gridView = $('#gvProducts'); gridView.empty(); response.d.forEach(function (product) { gridView.append('<tr><td>' + product.Name + '</td><td>' + product.Price ...
在 `beforeSend` 回调中,我们清空图片预览区域,更改上传按钮的文本。`uploadProgress` 函数通常用于显示上传进度,但在这个例子中没有实现。`success` 回调处理上传成功的情况,将后台返回的图片URL赋值给 `.img...
在页面`Default.aspx`中添加一个`FileUpload`控件,ID设为`FileUpload1`。此外,还需要添加三个`Button`控件,其ID分别为`fileUp`和`fileLoad`,Text属性分别设置为“上传文件”和“下载文件”。 ### 3. 添加代码 ...