清空file文件上传域jquery与js方法

在IE下复制元素的时候,其中的值是不会被复制的,所以就达到了清空文件域的目的了。而在Firefox下,其中的值也会被一同复制,那么我们就顺便清空一下就做到兼容了。代码如下:

 代码如下 复制代码

var file = $("#fileid"); 

file.after(file.clone().val("")); 

file.remove();

jquery还有一种方法

 代码如下 复制代码

var afile = $("#" + picName);
afile.replaceWith(afile.clone());

js清空FILE文件域信息 .

首先你需要用一个<div>或者<span>标签把你的文件域包裹起来方便我们获取,像下面这样

 代码如下 复制代码
 <span id="pfile"><input type="file"  name="file" onKeyDown="return false" onpaste="return false;" ></span></td>

然后在提交表单前执行如下JS

 代码如下 复制代码

document.getElementById("pfile").innerHTML = "<input type="file" name="file" onKeyDown="return false;" onpaste="return false;"/>";

时间: 2024-08-15 08:39:07

清空file文件上传域jquery与js方法的相关文章

Javascript美化input=file文件上传控件

[实例名称] JS实现文件上传一次性完成 [实例描述] 默认的HTML控件file可以实现文件的上传,但必须经过选择文件和单击上传按钮两个步骤.本例学习如何实现一步上传文件的操作. 例子  代码如下 复制代码 <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>标题页-学无忧(www.111cn.net)</title> </head> <body>

java实现将文件上传到ftp服务器的方法_java

本文实例讲述了java实现将文件上传到ftp服务器的方法.分享给大家供大家参考,具体如下: 工具类: package com.fz.common.util; import java.io.DataInputStream; import java.io.DataOutputStream; import java.io.FileInputStream; import java.io.FileNotFoundException; import java.io.FileOutputStream; imp

php文件上传的两种实现方法_php技巧

文件上传一般有下面2种方式: 有两种: 1.标准input表单方式,典型的用$_FILES进行接收: 2.以Base64的方式进行传送,一般是AJAX异步上传. 第一种 标准的input表单方式,适用于大文件进行上传,同时支持批量.html代码关键的几句: <form enctype="multipart/form-data" method="post" action="upload.php""> <input typ

PHP 多input file文件上传

前台html jquery代码 后台PHP处理 前台html 图片上传 ** 注意name的写法,都要使用name[]方式,并且用同一个name ** 注意带有file的表单,form一定要加:enctype="multipart/form-data" jquery 提交form表单 $(#form).form('submit',{ url:url, success:function(data){ //处理返回数据 } }); PHP 后台处理 //接收处理文件 $fileArray

Jquery文件上传插件:Jquery html5 uploader

文章简介:Jquery html5 uploader插件使用笔记. Jquery html5 uploader 是Jquery的一个文件上传插件,支持拖拽上传,但要求浏览器支持html5 1.下载插件 http://www.igloolab.com/jquery-html5-uploader/ 具体演示也可在这里看到. 2.引入不要文件 <script type="text/javascript" src="http://ajax.googleapis.com/ajax

利用ajaxfileupload插件实现文件上传无刷新的具体方法_javascript技巧

 做项目的时候遇到了这样一个问题,如果用普通的ASP.NET FileUpload控件实现文件上传,那么页面会刷新,那么页面上用JS拼出的元素就会消失,为了上传文件,又不能刷新页面,ajaxfileupload插件是一个很好的选择(插件下载地址:http://files.jb51.net/file_images/article/201306/js/ajaxfileupload.js) ajaxfileupload是jQuery的一个插件,使用这个插件同时要引用jQuery.js文件 直接上代码吧

asp.net(c#)开发中的文件上传组件uploadify的使用方法(带进度条)_实用技巧

在Web开发中,有很多可以上传的组件模块,利用HTML的File控件的上传也是一种办法,不过这种方式,需要处理的细节比较多,而且只能支持单文件的操作.在目前Web开发中用的比较多的,可能uploadify(参考http://www.uploadify.com/)也算一个吧,不过这个版本一直在变化,他们的脚本调用也有很大的不同,甚至调用及参数都一直在变化,很早的时候,那个Flash的按钮文字还没法变化,本篇随笔主要根据项目实际,介绍一下3.1版本的uploadify的控件使用,这版本目前还是最新的

PHP设置图片文件上传大小的具体实现方法_php实例

我们简要介绍一下PHP文件上传涉及到的一些参数: •file_uploads :是否允许通过HTTP上传文件的开关,默认为ON即是开.•upload_tmp_dir :upload_tmp_dir用来说明PHP上传的文件放置的临时目录,要想上传文件,得保证服务器没有关闭临时文件和有对文件夹的写权限,如果未指定则PHP使用系统默认值.•upload_max_filesize :允许上传文件大小的最大值,默认为2M.•post_max_size :控制在采用POST方法进行一次表单提交中PHP所能够

node.js文件上传处理示例_node.js

直入主题,在Node.js web 开发基本框架的前提下,我们来做一个文件上传功能 上传的handler比较简单,网上都能找到 var url=require('url'); var exec=require('child_process').exec; var querystring=require('querystring'); /********************************文件上传 第3方模块测试*************************/ function f