js 获取、清空 input type="file"的值 - 编程资料大全 - ITeye博客

`

isiqi

浏览: 16485278 次
性别:
来自: 济南

最近访客更多访客>>

nison

hellohank

wangyy

devcang

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

2012-07 ( 335)
2012-06 ( 252)
2012-05 ( 362)
更多存档...

最新评论

wu1236： ef0793cd94337324b6fefc4c9474af5 ...
Android ApiDemos示例解析(87):Media->MediaPlayer
77219634： 0127bf2236bee4dd1f632ce430f1af1 ...
本博客文章都为转载，没有任何版权！
77219634： 0127bf2236bee4dd1f632ce430f1af1 ...
VPLEX - EMC的RAC
77219634： 0127bf2236bee4dd1f632ce430f1af1 ...
qTip2 Show
77219634： 0127bf2236bee4dd1f632ce430f1af1 ...
SecureCRT中文乱码、复制粘贴乱码解决办法(修改版)

js 获取、清空 input type="file"的值

JavaScript HTML

阅读更多

上传控件基础知识说明：

上传控件（<input type="file"/>）用于在客户端浏览并上传文件，用户选取的路径可以由value属性获取，但value属性是只读的，不能通过javascript来赋值，这就使得不能通过value=""语句来清空它。很容易理解为什么只读，如果可以随意赋值的话，那么用户只要打开你的网页，你就可以随心所欲的上传他电脑上的文件了。

js 获取<intput type=file />的值

<html>

<script language='javascript'>
function show(){
var p=document.getElementById("file1").value;
document.getElementById("s").innerHTML="<input id=pic type=image height=96 width=128 /> ";
document.getElementById("pic").src=p;
alert(p);
}
</script>

<head>
<title>MyHtml.html</title>

</head>

<body>
<input type="file" name="file1" id="file1" onpropertychange="show();" />
<span id="s"></span>

</body>

</html>

清空上传控件（<input type="file"/>）的值的两种方法

方法1：

<span id=span1>
<input name=ab type=file>
</span>
<input name=button1 type=button value="按" onclick=show()>

<script language=javascript>
function show()
{
document.getElementById("span1").innerHTML="<input name=ab type=file>";
}
</script>

方法2：

function clearFileInput(file){
var form=document.createElement('form');
document.body.appendChild(form);
//记住file在旧表单中的的位置
var pos=file.nextSibling;
form.appendChild(file);
form.reset();
pos.parentNode.insertBefore(file,pos);
document.body.removeChild(form);
}

分享到：

如何解决页面之间传输中文乱码的问题 | 历时一天，查尽了国内外所有文档，终于把错 ...

2009-07-15 16:56
浏览 970
评论(0)
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

js 获取、清空input type=file的值(示例代码): 首先，我们来看如何获取`<input type="file">`的值。当用户选择了一个文件后，这个文件的信息会存储在`value`属性中，但这个属性是只读的，无法直接通过`value=""`来清空。下面是一个简单的示例，展示如何获取用户...

js 获取、清空input type="file"的值示例代码: ### JavaScript获取和清空input type="file"值的知识点 #### 1. 获取input type="file"的值 `<input type="file">`元素允许用户选择一个或多个文件，这些文件的路径将通过其`value`属性返回。然而，需要注意的是，...

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

js 获取、清空input type="file"的值(示例代码): 以上就是如何在JavaScript中获取和清空`<input type="file">`控件的值。在实际应用中，你可能还需要处理文件上传、多文件选择、文件预览等功能，这些都需要结合HTML5的`FormData`、`FileReader`等API来实现。在处理...

一次性选择多文件上传multiple属性: <input type="file" name="files[]" multiple> ``` 这段代码将创建一个可以一次性选择多个文件的输入框。`name="files[]"` 的设定使得在服务器端（例如Java JSP）可以通过数组形式访问上传的文件。然而，对于不...

JS清空上传控件input(type=file)的值的代码第1/2页: 在JavaScript中，清除`<input type="file">`控件的值是一个相对复杂的问题，因为浏览器出于安全考虑，不允许直接修改或清空该类型的输入字段。通常，当用户选择了一个文件后，无法通过简单的JavaScript操作来重置这...

清空input类型为file的value属性值的方法: 标题中提到的“清空input类型为file的value属性值的方法”，涉及到JavaScript在操作DOM时遇到的特性。在Web开发中，`value`属性用于获取或设置表单元素的值。对于`file`类型的`<input>`元素，它的值是一个路径字符串...

input file的默认value清空与赋值方法: 对于给`<input type="file">`元素赋予初始值，一种方法是在页面加载时，通过JavaScript设置其`value`属性。然而，由于安全原因，直接设置`value`属性对`<input type="file">`无效。另一种方法是利用`<iframe>`来预...

将input file的选择的文件清空的两种解决方案: 首先，通过`getElementById`获取到`<input type="file">`元素的引用，然后调用`select()`方法选中该输入框，接着使用`document.selection.clear()`清除当前的选择。这种方法基于浏览器的旧版选择和清除机制，其工作...

js清除input中type等于file的值域(示例代码): 本文将通过示例代码介绍如何使用JavaScript来清空`input`元素中`type`属性值为`file`的值。首先，要清楚的是，`<input type="file">`元素的值是由浏览器自动管理的。我们不能直接通过JavaScript设置这个值为空字符...

清空file选中内容: 在JavaScript（JS）中，处理`<input type="file">`元素时，用户通常会选择一个或多个文件，然后这些文件的信息会被保存在`FileList`对象中。然而，清空用户选择的文件内容并不是一件直观的事情，因为浏览器出于安全...

JS清空上传控件input(type="file")的值的代码第1/2页: 在进行Web开发的过程中，经常会遇到需要通过JavaScript清空`<input type="file">`上传控件中的文件选择值的需求。然而，根据HTML标准，`<input type="file">`控件的值是不允许通过JavaScript直接进行修改的。原因...

HTML上传控件取消选择: 首先，我们来看第一种方法，这种方法适用于`<input type="file">`控件在页面上显示的情况，即`display`属性不是`none`。代码如下： ```javascript var obj = document.getElementById('fileupload'); obj.select()...

清空上传控件input file的值: 这种方法虽然能有效清空`<input type="file">`的值，但请注意，这样做并不会真正删除用户已选择的文件，只是从视觉上清空了控件。如果需要在用户重新选择文件之前阻止旧文件的上传，你需要在提交表单或发送文件到...

ASP.Net中FileUpLoad控件内容清空: 当用户点击按钮触发事件时，可以利用JavaScript删除原有的`<input type="file">`元素，并重新创建一个新的`<input type="file">`元素来替代它，从而达到清空文件选择的效果。示例代码如下： ```html <span id=...

HTML 笔记: - **注意事项**: 必须给每个 `<input type="radio">` 设置相同的 `name` 属性值，以便将它们视为同一组。 #### 5. 文件上传 (`<input type="file">`) - **定义**: `<input type="file">` 用于让用户选择本地文件并...

表单的基本使用1: - **提交和重置按钮**：`<input type="submit">`（如`<input type="submit" value="注册"/>`）用于提交表单，`<input type="reset">`（如`<input type="reset" value="清空"/>`）用于清除表单内的所有数据。...

Global site tag (gtag.js) - Google Analytics