js-提交form前判断<input type="file">是否选择了文件,提交后清空input的值

问题描述

提交form前判断<input type="file">是否选择了文件,提交后清空input的值

提交form前判断是否选择了文件,提交后清空input的值

file.val()不管用

解决方案

easyui的filebox要用api的方法,不要用jquery的方法

 var s=$('#xxx').filebox('getValue');
if(s==''){
//....
}

$('#xxx').filebox('setValue','')//清空

解决方案二:

将input file的选择的文件清空
判断多个是否有已经选择好文件的

解决方案三:

判断是否选择了文件,可以使用file域是否有内容来判断
清空input最简单的做法是重置form
var fileLength = 0;
$(":file").each(function(){
var val = $.trim($(this).val());
if(val.length > 6) c:/a.gz 常规文件路径最少7个字符
fileLength += 1;
});

if(fileLength == 0){
//file域没有选择文件处理
}

//清空input的值
var form = document.forms[index]; //index 是文件域的form索引
form.reset();

解决方案四:

判断是否选择了文件,可以使用file域是否有内容来判断
清空input最简单的做法是重置form
var fileLength = 0;
$(":file").each(function(){
var val = $.trim($(this).val());
if(val.length > 6) c:/a.gz 常规文件路径最少7个字符
fileLength += 1;
});

if(fileLength == 0){
//file域没有选择文件处理
}

//清空input的值
var form = document.forms[index]; //index 是文件域的form索引
form.reset();

解决方案五:

input 标签内最好有 id 和name ,假设id= "fileId", 那么代码如下:

先取值判断是否选择了文件

 var fileValue = $("#fileId").val();
 if(null == fileValue || fileValue == ''){
     alert("还未选择文件");
     return false;
 }

提交成功后清空:

 $("#fileId").val(""); //将输入框的值置为空字符串

解决方案六:

加一个id,然后进行判断

时间: 2024-09-17 04:50:21

js-提交form前判断&amp;lt;input type=&amp;quot;file&amp;quot;&amp;gt;是否选择了文件,提交后清空input的值的相关文章

如何在js中获取&amp;amp;lt;input type=&amp;amp;quot;file&amp;amp;quot;&amp;amp;gt; 中选择的文件的大小?

问题描述 如何在js中获取<input type="file"> 中选择的文件的大小? 要限制用户上传文件大小,用后台判断的话就会导致刷新页面,所以只能放到前台来做了. 这是网上看到的一个方法,我试了试不能用 var f = document.getElementById("f").files; ".files"这里在Js中无法编译啊.. 解决方案 页面中 js 脚本哪来的"无法编译"? 这样是没错的啊. 解决方案

ajax-html input type=&amp;amp;#39;file&amp;amp;#39; 我选择了文件 怎么把他传给后台

问题描述 html input type='file' 我选择了文件 怎么把他传给后台 我是选了之后按确定按钮图片说明 就相当于这种当我按了确定按钮时,用ajax提交到后台,(比如说我选的是图片)转为byte类型的传到后台 就像我 提这个问题的时候选照片的那个功能 解决方案 由于浏览器的安全性,前台好像无法获取文件的路径了,只能获取文件名.用submit提交吧 解决方案二: html自定义input type='file'样式 解决方案三: 你问题说的用ajax提交是把file表单作为请求参数提

java web-jQuery获取&amp;amp;lt;input type=&amp;amp;quot;file&amp;amp;quot;&amp;amp;gt;的绝对路径获取不到

问题描述 jQuery获取<input type="file">的绝对路径获取不到 想在选择文件之后标签里预览一下的,但是路径获取不到查看资料说是安全性的问题,如果是这样,应该怎么解决?怎么才能获取路径. 解决方案 图片预览看这个:javascript客户端图片预览 获取客户端路径没意思而且安全范围外,获取不到 解决方案二: js/jquery 获取本地文件的文件路劲 获取input框中type='file' 中的文件路径 解决方案三: 使用HTML5的FileReader

&amp;amp;lt;input type=&amp;amp;quot;file&amp;amp;quot; &amp;amp;gt;如何实现上传文件到服务器

问题描述 <input type="file" >如何实现上传文件到服务器 <form method="post" enctype="multipart/form-data" id="UpLoad"> <div> <input type="file" id="upFile" name="upFile"> </div

java-如何获取&amp;amp;lt;input type=&amp;amp;quot;file&amp;amp;quot; /&amp;amp;gt; 文件的路径?

问题描述 如何获取<input type="file" /> 文件的路径? 我要做一个java 的excel 文件导入功能, 需要获取一个文件的路径,如何选择后获取文件路径? 解决方案 不需要获取客户端的路径,文件是通过流传到后台的,后台接受后按照自己定义的规则存放到了服务器, 需要下载此文件的时候,也是根据规则从服务器上获取文件,然后通过流传到浏览器的. 解决方案二: java web 有文件上传的组件可以直接用的,如果你是file类型的表单,就能获取文件的输入流信息.文

jsp问题-jsp如何获取页面&amp;amp;lt;input type=&amp;amp;quot;file&amp;amp;quot; /&amp;amp;gt;里面的路径

问题描述 jsp如何获取页面<input type="file" />里面的路径 jsp如何获取页面里面的路径 解决方案 页面里面的路径?不懂你的问题....

&amp;amp;lt;input type=&amp;amp;quot;file&amp;amp;quot;&amp;amp;gt; 的传值问题

问题描述 <html><head><script> function ss(){ var file=document.getElementById("a").value; document.getElementById("b").value=file; alert(document.getElementById("b").value); }</script></head><body

手机网站上传图片-在手机网站内上传图片,使用 input type=&amp;amp;quot;file&amp;amp;quot; 的问题,不同手机浏览器效果不同。

问题描述 在手机网站内上传图片,使用 input type="file" 的问题,不同手机浏览器效果不同. 在手机端浏览器,测试opera.QQ.小米原生.安卓原生.iPhone原生.UC.(微信内应该是调用默认浏览器内核.) 只有QQ.UC和iPhone的浏览器正常执行,我用的 jQuery-File-Upload ,QQ和iPhone可以多选,UC只能一张张的单选. 其他浏览器再选中文件后,会打开一个新页面,之前父页面会刷新. 之所以没用微信内置调用图片的,因为我要传的图比较多.

javascript怎么获取&amp;amp;lt;input type=&amp;amp;quot;file&amp;amp;quot; /&amp;amp;gt; 文件的路径

问题描述 javascript怎么获取<input type="file" /> 文件的路径 javascript怎么获取 文件的路径:或者在servlet里面获取到file的路径也行,求大神解救啊! 解决方案 IE8以上设置:工具 -> Internet选项 -> 安全 -> 自定义级别 -> 找到"其他"中的"将本地文件上载至服务器时包含本地目录网络生活网径",选中"启用"即可或者Ser