`

js清空FileUpload的值

 
阅读更多
    在平时项目开发中会有上传文件的功能,一般在前端会通过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;//清空
		    }
		  }
分享到:
评论

相关推荐

    ASP.Net中FileUpLoad控件内容清空

    这种方法的核心思想是:通过JavaScript动态创建一个包含`FileUpload`控件的临时表单,然后调用表单的`reset()`方法来清空`FileUpload`控件中的文件信息。具体步骤如下: 1. **创建临时表单**:使用`document....

    ASP.Net中FileUpLoad控件

    这段JavaScript代码通过修改`outerHTML`属性来清空FileUpload控件中的文件。当用户上传了错误类型的文件时,我们可以调用这个函数来清空控件的内容。 #### 四、文件类型检查 为了确保用户只能上传特定类型的文件,...

    FileUpload.Hasfile属性值一直为false

    8. **JavaScript禁用**:如果用户的浏览器禁用了JavaScript,`FileUpload`控件可能无法正常工作。确保你的应用也能在JavaScript被禁用的情况下提供合理的用户体验。 9. **编码问题**:在处理POST请求时,编码问题也...

    解析使用JS 清空File控件的路径值

    本文将解析如何在JavaScript中有效地清空File控件的路径值,确保用户可以取消已选择的文件。 方法1:使用Form的reset方法 在某些情况下,可以将File控件放入一个单独的Form元素中,然后在需要清空文件选择时调用...

    vue 清空input标签 中file的值操作

    在Vue.js框架中,处理`&lt;input type="file"&gt;`元素时,用户选择文件后,如果需要清空已选择的文件路径,可以采用多种方法。本文将详细讲解两种常见的解决方案,以及如何在Vue实例中实现这个功能。 首先,让我们看下在...

    JS控制FileUpload的上传文件类型实例代码

    本文将介绍如何利用JavaScript(简称JS)来控制文件上传控件(FileUpload)的文件类型,仅允许用户上传特定的文件格式,比如图片文件。 知识点: 1. 文件上传控件(FileUpload):在Web表单中,FileUpload控件允许...

    将input file的选择的文件清空的两种解决方案

    这段代码会在用户选择新文件时自动将文件输入框的值清空,这是一种更为稳定且兼容性良好的做法。 总的来说,清空`&lt;input type="file"&gt;`元素选择的文件可以通过多种技术实现,但考虑到浏览器的差异性,推荐使用事件...

    上传到本地表单数据和图片上传插件的使用

    在JavaScript中,使用`$("#fileupload").fileupload()`方法初始化插件,设置相关选项: ```javascript $('#fileupload').fileupload({ url: 'upload.php', // 服务器端处理上传的URL dataType: 'json', done: ...

    基于jQuery的多图上传预览代码

    4. jQuery的事件处理:使用`.on()`方法绑定事件处理函数,例如`$('input[type=file]').on('change', function() {...})`,当文件输入元素的值改变时执行回调函数。 5. 动画效果:jQuery提供了丰富的动画方法,如`....

    HTML上传控件取消选择

    然而,这个操作会清空用户之前选择的文件,从而达到取消选择的效果。这种方法在现代浏览器中具有较好的兼容性和稳定性。 总结来说,HTML的文件上传控件取消选择可以通过JavaScript实现,具体方法取决于控件的显示...

    【JavaScript源代码】jquery+springboot实现文件上传功能.docx

    &lt;artifactId&gt;commons-fileupload &lt;version&gt;1.4 ``` ##### 2. 配置文件上传 在`application.properties`或`application.yml`中配置文件上传的最大大小等限制。 ```properties spring....

    javascript实现简单的二级联动

    而第二级下拉列表在页面初始化时是空的,JavaScript代码会根据第一级下拉列表的选项值来填充城市列表。JavaScript部分的实现如下: ```javascript var province = document.getElementById("province"); var city =...

    ASP.NET基础控件-教程

     javascript小技巧  DotNet密码加密的技术  用户MD5加密  ASP.net验证码实现  图片水印  防盗链  .NET(C#)连接各类数据库  读取配置文件数据库连接串  正则表达式验证  递归把十进制转换八进制(面试题目) ...

    upLoadFile.jsp

    上传图片校验图片格式和大小,清空图片输入框控件,提交校验必填项等等均已经验证成功 , 可以直接使用。请放心下载,支持正版(哈哈哈)。

    ajax3个例子详解(asp.net开发)

    // 清空现有数据,然后填充新数据 var gridView = $('#gvProducts'); gridView.empty(); response.d.forEach(function (product) { gridView.append('&lt;tr&gt;&lt;td&gt;' + product.Name + '&lt;/td&gt;&lt;td&gt;' + product.Price ...

    php+ajax无刷新上传图片实例代码

    在 `beforeSend` 回调中,我们清空图片预览区域,更改上传按钮的文本。`uploadProgress` 函数通常用于显示上传进度,但在这个例子中没有实现。`success` 回调处理上传成功的情况,将后台返回的图片URL赋值给 `.img...

    ASP.NET下向SQLServer2008导入文件实例操作方法

    在页面`Default.aspx`中添加一个`FileUpload`控件,ID设为`FileUpload1`。此外,还需要添加三个`Button`控件,其ID分别为`fileUp`和`fileLoad`,Text属性分别设置为“上传文件”和“下载文件”。 ### 3. 添加代码 ...

Global site tag (gtag.js) - Google Analytics