JS 清空File控件的路径值

最新推荐文章于 2018-01-31 21:38:10 发布
最新推荐文章于 2018-01-31 21:38:10 发布
阅读量1.4k 收藏
点赞数
分类专栏： JavaScript WEB前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dannywj1371/article/details/8599008
版权

今天Test时发现一个小问题，上传控件完成后，路径还保留，为了清除，需要想一些办法。

如果用.net控件可以调用reset方法，可是如果用html控件就只能用js解决了。


方法是在file外层套一个span，重设span里的html值


var html=document.getElementById('uploadSpan').innerHTML;
document.getElementById('uploadSpan').innerHTML=html;

dannywj1371
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
file标签之轻松删除文件和目录
轻松互联网开发,Easy do it,大数据,hadoop,hbase,vertica,java开发
02-23 1829
不管是删除文件还删除目录，均只需要一行代码即可完成。太Easy，无法写出更多的文字来说明，大家还是亲自动手试试吧
使用JS 清空File控件的路径值
10-27
// 重新设置span的HTML，从而清空File控件的显示 uploadSpan.innerHTML = html; ``` 这种方法的原理是，虽然我们无法直接修改File控件的`value`，但我们可以通过改变其父元素的HTML内容来间接清除File控件显示的...
解析使用JS 清空File控件的路径值
10-27
本篇文章是对使用JS清空File控件的路径值的方法进行了详细的分析介绍，需要的朋友参考下
如何将html的file控件reset
weixin_33694172的博客
03-05 263
由于安全原因，JS操作浏览器的file控件时只能读，不能改。解决方法也很简单，就是使用outerHTML去重置： <input type="file" /> <script> document.getElementById('myfile').outerHTML = document.getElementById('myfile').outerHTML; &...
js中获取file控件的完整路径实例
Awen_liang1002
08-15 3万+
本文章来给大家介绍一个js中获取file控件的完整路径实例，有需要了解的朋友可以参考参考。 document.getElementById（""my-file""）.files办法用于获取到用户所选择的文件的凑集，一般景象下都是选择单一文件（貌似FireFox如许做是支撑多文件选择的，不过没有试过，读者可以本身去测验测验），item数组可以获得此中的某一个文件，然后我们就可以应用 n
如何清空文件上传控件里的选定文件（路径）
weixin_33696822的博客
12-16 201
我又来扯鸡毛蒜皮了。有名言曰人生短得不够扯鸡毛蒜皮，但我的工作就是由无数的鸡毛蒜皮组成，如之奈何？ 今天的鸡毛和蒜皮是：如何清空文件上传控件里的选定文件（路径）？ 场景是酱紫的： 有一个上传控件和一个按钮，其中上传控件隐藏。点击按钮，触发上传控件点击事件，于是弹出文件选择对话框；选好文件后，于是触发了上传控件的onchange事件。在这个事件里，将文件上传。 有点装逼，...
清空上传控件input file的值
09-05
总结来说，清空上传控件`<input type="file">`的值需要绕过浏览器的安全限制，可以使用JavaScript操作元素的`outerHTML`或直接移除`value`属性。在实际应用中，应根据项目需求和现有代码结构选择合适的方法。
input file选择文件上传后清空选择框文件信息两种解决方案
陌子曦的专栏
04-23 1万+
上传文件时,选择了文件后想清空文件路径。用两种方法解决  第一种: var obj = document.getElementById('fileupload') ; obj.select(); document.selection.clear(); 第二种：  var obj = document.getElementById('fileupload') ; obj.outerHT
跨浏览器的上传文件方式
asdadasdasd111的专栏
12-20 603
<br />相信很多人都使用过<input type="file"/>这样的HTML控件，它看起来非常普通，是我们在做Web应用程序中用于上传客户端本地文件时不可缺少的控件，然而最近我发现这个控件在最新的FireFox浏览器（或者最新的IE8中也会存在这个问题，我没有尝试过，读者可以试一下）中却失去了效果，导致我们在通过这个控件的value属性得到的值中只包含了文件名而没有文件路径，这个在IE7中是可以正常获取到全文件名的（即文件完整路径+文件名）。IE7和大部分当前流行的浏览器（如FireFox2版本）都
【Html】清空Input file数据
郑晓东 廊坊师范学院信息技术提高班 十二期
11-20 8019
清除input file标签中的数据方法。
使用js获取input file的路径
零食粉碎机的博客
01-31 2万+
有时候，我们给程序添加完一个功能，在本地测试是完全可以正常运行的，但一发布到Web上就各种报错，这时候我们就需要注意啦！ 问题 页面有一个input file服务器控件，一个div，div是image标签的容器，当点击input file的值改变，我们往div里追加image标签； 但当通过js的onchange事件动态获取input file 的路径的时候，发现console.log(pa
js清空input file的值
热门推荐
lihefei_coder的博客
08-07 9万+
今天在做选择本地图片上传的功能时遇到一个问题，第一次选择图片完成会触发onchange事件，获取文件后动态在界面上创建img标签展示，这个过程没有问题，问题出在当把创建的img元素节点删除后，再点file控件选中同一个文件后发现图片并没有被重新创建出来。 分析了原因，是因为上一次file里选择的文件路径值与本次选择的文件路径值是一样的，值没有改变所以导致file不会触发onchange事件。 解
文件上传js清除file标签的路径
yuyelisten的专栏
03-09 1415
 [javascript] view plaincopyprint? //清除file文件路径   function clearFile() {       var fileObj = document.getElementById("btnUploadPicture");//btnUploadPicture为标签的id       fileObj
JavaScript将input file的选择的文件清空的两种解决方案
yh_zeng2的博客
07-16 1万+
上传文件时,选择了文件后想清空文件路径,有两种解决方案 第一种： var obj = document.getElementById("file1") ; obj.select(); document.selection.clear(); 第二种： var obj = document.getElementById("file1") ; obj.outerHTML=obj.o
JSON与DataTable(DataSet)相互转化
旋转木马的IT小窝
03-10 2万+
<br />       # region dataTable转换成Json格式<br />         /// <summary>      <br />         /// dataTable转换成Json格式      <br />         /// </summary>      <br />         /// <param name="dt"></param>      <br />         /// <returns></returns>      <br /
Ajax轮询消息自动提示（消息盒子）
旋转木马的IT小窝
04-02 2万+
<br />经过一下午写了个消息盒子的例子，用的是ajax方式轮询读取，没有用到后台自动“推”数据的方式，效果良好。<br /> <br /><br /> <br /> <br />前台的HTML代码：<br /><%@ Page Language="C#" AutoEventWireup="true" CodeBehind="mainTalk.aspx.cs" Inherits="wj_test.Talk.mainTalk" %> <!DOCTYPE html PUBLIC "-//W3C//DTD X
Ajax动态滚动加载数据
旋转木马的IT小窝
09-22 1万+
看新浪微博，人人网都有这样的效果：滚动条滚动到最下面的时候，新的数据就被自动加载出来了，今天亲自尝试了一下这个效果的实现。 首先，准备一个分页的存储过程： CREATE PROCEDURE proctest @pagesize INT, @pagenumber INT AS SELECT * FROM ( SELECT ROW_NUMBER()OVER (ORDER B
js控制元素显示在屏幕固定位置，监听屏幕高度变化
旋转木马的IT小窝
12-11 1万+
//控制logo的显示位置 Begin window.addEventListener("resize", function () { // 得到屏幕尺寸 (内部/外部宽度，内部/外部高度) changeLogoPosition(); }, false); changeLogoPosition();
js 清空 input[type=file]的值
最新发布
05-30
可以通过以下方式清空 input[type=file] ...需要注意的是，由于安全限制，浏览器不允许 JavaScript 直接修改 input[type=file] 的值，因此无法通过代码设置一个默认的文件路径或者清空它的值，只能让用户手动选择文件。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值