input file的默认value清空与赋值方法

第1个方法是大多人传统做法，替换HTML代码，楼上的已经用到了，我不过是用正则优化一下;
第2个方法利用SendKeys模拟键盘操作，需要允许浏览器调用ActiveX才行；
第3个方法，有点像武侠小说里的"乾坤大挪移"一样，呵呵，看看就知道了！

把input file類型的value清空--Test by 编程浪子

function clearMethod1()
{
var objFile=document.getElementsByTagName('input')[0];
alert("\""+objFile.value+"\"已清除");
objFile.outerHTML=objFile.outerHTML.replace(/(value=\").+\"/i,"$1\"");
}
function clearMethod2()
{
var objFile=document.getElementsByTagName('input')[0];
alert("\""+objFile.value+"\"已清除");
var WshShell=new ActiveXObject("WScript.Shell");
objFile.focus();
objFile.createTextRange().select();
WshShell.SendKeys("{del}");
}
function clearMethod3()
{
var objFile=document.getElementsByTagName('input')[1];
alert("\""+objFile.value+"\"已清除");
objFile.value="";
}

清除大法1：李代桃僵

清除大法2：暗渡陈仓

清除大法3：声东击西

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

一打开就给FILE域默认值的方法

input file赋初值--Test by 编程浪子

function getInitVal()
{
var objFile=document.getElementsByTagName('input')[0];
var WshShell=new ActiveXObject("WScript.Shell");
objFile.focus();
WshShell.SendKeys("C:\\abc.txt");
}

(调到ActiveX)

(直接模拟)

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

赞 (0)

相关推荐

  • java中File类的使用方法

    构造函数 复制代码 代码如下: public class FileDemo {     public static void main(String[] args){         //构造函数File(String pathname)         File f1 =new File("c:\\abc\\1.txt");         //File(String parent,String child)         File f2 =new File("c:\\a

  • input file样式修改以及图片预览删除功能详细概括（推荐）

    input file样式修改以及图片预览删除功能详细概括（推荐）

    本篇对input file进行了修改,改成自己需要的样式,类似验证身份上传身份证图片的功能. 效果图如下: 这里主要展示上传预览图片功能,对于删除功能的html及css写的比较粗糙,对于想要精细表现这块儿的可以在自己添加修改. <!--点击预览图片--> <div class="picDiv"> <div class="addImages"> <!--multiple属性可选择多个图片上传--> <input t

  • js实现上传图片之上传前预览图片

    上传图片对图片进行一下预览,可以了解图片上传后大概会是什么样子,此功能用js实现,然后在fileupload控件的change事件中调用,这样当用fileupload选择完图片以后,图片就会自动显示出来了.功能很简单,却很实用. 预览图片的js代码: 复制代码 代码如下: <script type="text/javascript"> function setImagePreview(docObj,localImagId,imgObjPreview) { if(docObj

  • 上传图片预览JS脚本 Input file图片预览的实现示例

    在深圳做项目的时候,需要一个用户上传头像预览的功能!是在网上找了好多,都不太满意.要么是flash的,要么是Ajax上传后返回图片路径的,要么压根就是不能用的.幸运的是在这个项目以前有人写过一个图片预览的功能,还被我给翻了出来,在这里做个记录,方便自己以后用,也方便其他需要的朋友! 代码很简单,如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/

  • js实现上传图片预览的方法

    js实现上传图片预览的方法

    本文实例讲述了js实现上传图片预览的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: function PreviewImage(imgFile) {     var filextension=imgFile.value.substring(imgFile.value.lastIndexOf("."),imgFile.value.length);     filextension=filextension.toLowerCase();     if ((filext

  • input file的默认value清空与赋值方法

    第1个方法是大多人传统做法,替换HTML代码,楼上的已经用到了,我不过是用正则优化一下; 第2个方法利用SendKeys模拟键盘操作,需要允许浏览器调用ActiveX才行: 第3个方法,有点像武侠小说里的"乾坤大挪移"一样,呵呵,看看就知道了! 把input file類型的value清空--Test by 编程浪子 function clearMethod1() { var objFile=document.getElementsByTagName('input')[0]; alert

  • 从重置input file标签中看jQuery的 .val() 和 .attr(“value”) 区别

    背景: 在清空input file标签选中值时,分别用了以下方法,发现有的对有的错: [√]$("#file")[0].value = ""; [√]$("#file")[0].value = null; [×]$("#file").attr("value",""); [×]$("#file").attr("value",null); [√]$(&

  • Angular2里获取（input file）上传文件的内容的方法

    最近在用Angular2,需要有一个上传文件的功能,但是又不想用库,所以直接用原生的input file 标签. <input type="file" id="newUpload" > 然后想获取上传的内容,于是先想了个愚蠢的方法,先通过id获取到这个input标签,然后再获取其中上传的内容 const uploadsFile = document.getElementById(name).files[0]; 结果就报错了.然后看提示说HTMLEleme

  • css美化input file按钮的代码方法

    css美化input file按钮的代码方法

    input file在系统默认下的外观: 我们最多通过定义input的border来改变系统默认的外观:如果要让浏览按钮更漂亮一点,我们想定义它的背景颜色,甚至想用背景图片来代替,通过css定义input flie还真是办不到的.偶然看到一篇文章:input file 文件选择框美化 作者是把系统默认的按钮设置透明度为0,再定义一个label标签样式,来覆盖透明掉的按钮.按照作者的方法,我也试验了一下,代码如下: input file的另类做法 上传文件: 浏览... [Ctrl+A 全选 注:

  • APACHE支持.htaccess伪静重写出错 No input file specified的解决方案

    在你的Apache安装文件夹conf里找到httpd.conf文件 搜索LoadModule rewrite_module modules/mod_rewrite.so 如果前面有注释符号#,请去掉. 搜索Options FollowSymLinks,然后将它下面的AllowOverride None 修改为AllowOverride All: [1] 没想到遇见了 No input file specified 因为项目用了URL route ,估摸着可能是rewrite的问题. 记录一下解决

  • JS获取input[file]的值并显示在页面的实现方法

    实例如下所示: $(document).on('change', '.photo-box .file', function () { //alert($(this).val()); function getObjectURL(file) { var url = null; if (window.createObjectURL != undefined) { // basic url = window.createObjectURL(file); } else if (window.URL !=

  • Android WebView支持input file启用相机/选取照片功能

    webview要调起input-file拍照或者选取文件功能,可以在webview.setWebChromeClient方法中重写指定的方法,来拦截webview的input事件,并做我们相应的操作. Android代码 webView.setWebChromeClient(new WebChromeClient() { @Override public void onProgressChanged(WebView view, int newProgress) { if (newProgress

  • ionic cordova一次上传多张图片（类似input file提交表单)的实现方法

    我们可以通过cordova提供的插件调用摄像头或图库选择需要的图片上传,按cordova官方的方法,每次选择完后就直接上传,这并不符合用户的习惯,最好的用户习惯是用户选择完需要的图片,并可在本地预览,接着用户再次打开摄像头或图库再次选择图片,接着预览,对于不需要的图片删除,最后确定可以后,再一次性上传所有图片.显然这种方式,cordova是不支持,那要如何实现呢,以下是我的方法: 通过调用$cordovaImagePicker.getPictures该方法打开图库,获得图片的URL地址,ps:相

  • input file上传 图片预览功能实例代码

    input file上传图片预览其实很简单,只是没做过的感觉很神奇,今天我就扒下她神秘的面纱,其实原理真的很简单,下面通过一段代码大家都明白了. 具体代码如下所示: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script src="jquery.js"></script>

  • javascript实现input file上传图片预览效果

    javascript实现input file上传图片预览效果

    本文实例介绍了javascript实现input file上传图片预览效果的详细代码,分享给大家供大家参考,具体内容如下 运行效果图: 具体实现代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="jquery-1.1

随机推荐