`

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控件内容清空

    ASP.Net中FileUpLoad控件内容清空! 值得下载看看!资源免费,大家分享!!

    基于fileupload.js文件上传

    基于fileupload.js文件上传

    jquery.fileupload.js

    jquery.fileupload.js jquery.fileupload.js jquery.fileupload.js

    fileupload js库

    js fileupload.js库

    开发工具 commons-fileupload-1.3.2

    开发工具 commons-fileupload-1.3.2开发工具 commons-fileupload-1.3.2开发工具 commons-fileupload-1.3.2开发工具 commons-fileupload-1.3.2开发工具 commons-fileupload-1.3.2开发工具 commons-fileupload-1.3.2...

    FileUpload.Hasfile属性值一直为false

    FileUpload.Hasfile属性值一直为false

    jquery.fileupload.js相关js文件

    html对于文件、图片上传的插件jquery.fileupload.js的相关js整体下载。

    commons-fileupload-1.2.2

    commons-fileupload-1.2.2commons-fileupload-1.2.2commons-fileupload-1.2.2commons-fileupload-1.2.2commons-fileupload-1.2.2commons-fileupload-1.2.2commons-fileupload-1.2.2commons-fileupload-1.2.2commons-...

    fileupload

    &lt;jsp:useBean id="myUpload" scope="page" class="fileUpload.upBean" /&gt; //初始化工作 myUpload.initialize(pageContext); //设定允许的文件后缀名 //myUpload.setAllowedExtList("gif,jpg"); //设定允许...

    ASP.NET.FileUpload控件

    FileUpload控件的基本用法 .

    commons-fileupload-1.4-API文档-中文版.zip

    赠送jar包:commons-fileupload-1.4.jar; 赠送原API文档:commons-fileupload-1.4-javadoc.jar; 赠送源代码:commons-fileupload-1.4-sources.jar; 赠送Maven依赖信息文件:commons-fileupload-1.4.pom; 包含...

    commons-fileupload-1.3.3-API文档-中文版.zip

    赠送jar包:commons-fileupload-1.3.3.jar; 赠送原API文档:commons-fileupload-1.3.3-javadoc.jar; 赠送源代码:commons-fileupload-1.3.3-sources.jar; 赠送Maven依赖信息文件:commons-fileupload-1.3.3.pom;...

    Apache Commons FileUpload 1.3.2 released

    Commons FileUpload 1.3.2. The Apache Commons FileUpload component provides a simple yet flexible means of adding support for multipart file upload functionality to servlets and web applications. ...

    FileUpload笔记

    FileUpload笔记FileUpload笔记FileUpload笔记FileUpload笔记FileUpload笔记FileUpload笔记

    FileUpload

    文件上传 文件下载 FileUpload

    commons commons-fileupload历史版本jar包集合

    commons commons-fileupload历史版本jar包集合,包括src源码 附件列表: commons-fileupload-1.0.zip commons-fileupload-1.1.1.zip commons-fileupload-1.1.zip commons-fileupload-1.2.1-bin.zip commons-...

    commons-fileupload commons-fileupload-1.2.1-bin

    commons-fileupload-1.2.1-bin commons-fileupload 文件上传 commons-fileupload-1.2.1-bin commons-fileupload 文件上传 jar包 及相关文档

    FileUpload+JS+ASP.NET多文件上传

    界面漂亮,操作简单的多文件上传代码 相当棒 和大家分享下。 演示文件: FileUpload.html

    FileUpload美化CSS

    FileUpload 自带样式实在难看。 试了很多种方法,最终用了简单的css,简单美化了下。 其它思路:通过图片的click事件,触发FileUpload的click事件。但存在兼容性问题。并不能完全兼容所以浏览器。

Global site tag (gtag.js) - Google Analytics