vuejs清空input file中的值

最新推荐文章于 2024-04-11 08:21:20 发布
最新推荐文章于 2024-04-11 08:21:20 发布
阅读量2.3k 收藏
点赞数
文章标签： javascript python ViewUI
原文链接：https://my.oschina.net/u/2462659/blog/1822408
版权

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

<span class="upload-btn">
  <img src="./../../common/images/add-img.png" class="u-img">
  <span class="u-tips">添加照片</span>
  <input type="file" ref="feedbakcImg" @change="chooseImg" name="file" id="file">
</span>

vue 方法体chooseimg中的代码

this.$refs.feedbakcImg.value =''

 

 

转载于:https://my.oschina.net/u/2462659/blog/1822408

weixin_34357887
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
清空上传控件input file的值
12-03
代码如下: var obj=网页中的<input type=”file” /> obj.outerHTML = obj.outerHTML.replace(/(value=\”).+\”/i, “$1\””);
input file的默认value清空与赋值方法
10-28
出于安全性考虑，JS是不能直接设置File的value值的，下面是我总结出来的方法
vue 清空input标签 中file的值操作
11-20
template中： <input type=”file” ref=”pathClear” @change=”onUpload” name=”file” id=”file”> methods中： onUpload(){ this.$refs. pathClear.value ='' }, 补充知识：将input file的选择的文件清空的两种解决方案 上传文件时,选择了文件后想清空文件路径，搜索了一下，用两种方法解决 第一种 var obj = document.getElementById(‘fileupload') ; obj.select(); document.selectio
vue 清空input file选择的文件
ellynxu的博客
01-19 1795
resetUploader() { //重写一遍input元素 document.getElementById('input').outerHTML = document.getElementById('input').outerHTML //曾经@change="handleInput"绑定的事件解除了，要重新绑定一遍 document.getElementById('input').addEventListener('change', this.handleInput).
自定义指令：el-input获取焦点清空默认值，失去焦点获取默认值 输入不变化
最新发布
qq_45810474的博客
04-11 645
本文主要由一次开发需求 产品说用户每次都需要删除上次的输入值才能在输入 能不能 用户点击获取焦点的时候直接帮他把默认值清空 如果没有改变就还原默认值 如果输入了默认值就不要了 保留输入的值 产生的这次开发的el-input 的自定义指令
vue中清空input标签中file的值
Kimser
07-21 1879
<input type="file" ref="clearFile" name="file" id="file"> <button @click="clearFile"></button> clearFile() { this.$refs.clearFile.value = ''; // 清空file文件 }
vue文件上传成功后清空文件
heyw的博客
08-28 4767
在项目中我们使用input标签设置type属性为file，上传文件后需要清空选中的文件， <input type="file" ref="clearFile" name="file" id="file"> <button @click="clearFile"></button> <script> methods:{ clearFile() { this.$refs.clearFile.value = ''; // 清空file文件 } } &
input-file选中之后然后第二次清掉缓存
听闻青春丶
10-23 2515
var upa=document.getElementsByClassName('upaaa'); console.log('我是清空数据的') for(let i=0;i console.log(upa[i].value)          upa[i].value=''; }   在想赢信息里面写！
将input file的选择的文件清空的两种解决方案
09-04
上传文件时,选择了文件后想清空文件路径，经搜索发现个不错的方法在此与大家分享下，感兴趣的朋友不要错过
vue input 清空file的值
顽石⚡
01-07 3631
html 核心代码 &lt;input v-show="false" type="file" id="fileInput" ref="file" @change="openFile"&gt; js 核心代码 this.$refs.file.value = ''
vue 保存时清空iuput_vue做一个上传头像，可以清除 input 里面的 file 吗？
weixin_33350741的博客
01-13 134
// 显示图片的地方 一开始隐藏，上传后显示// 图片的 src 绑定在 vue data 里x// input是没有大小的，直接点击label触发// 点击上传图片 上传后隐藏这个label上传头像show_pic(e) {f = e.target.files[0]var reads= new FileReader();reads.readAsDataURL(f);let that = this...
vue 图片上传时file类型的input如何清空
weixin_37633749的博客
12-29 3235
因为项目的需要，所以图片上传没有使用插件而是决定自己写，但在过程中遇到了个小问题，特此记录~ 在上传了图片之后，需要清空file类型的input的值，以便下次选择同一张图片的时候可以触发其change方法，刚开始写的代码就是直接将其值置空 event.target.value = ''; 这种方法在大部分浏览器中是可以的，当然ie除外，会报如下错误 这个问题网上的好多解决方法都是克隆一个inp...
Vue中使用file类型input标签，无法使用reset方法清空已经选择的文件【简单粗暴的解决方案】
qq_52144300的博客
05-07 1527
无法使用reset方法清空已经选择的文件
js、vue清空input file的值
weixin_43909743的博客
12-09 2104
https://lihefei.blog.csdn.net/article/details/76850498?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-2.control&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-2.control
vue——之清空input标签 中file的值
热门推荐
PiscesGirl的博客
07-11 1万+
 template中：&lt;input type="file" ref="pathClear"  @change="onUpload" name="file" id="file"&gt;methods中： onUpload(){ this.$refs. pathClear.value ='' },
vue清空input file
weixin_34124939的博客
05-24 999
input file是只读的，给form一个id，用form.reset()干掉里面input的值 document.getElementById("uploadForm")&&document.getElementById("uploadForm").reset() 转载于:https://www.cnblogs.com/thinkingthigh/p/9083539.html...
vue离开当前页面清空input框数据
weixin_45415436的博客
12-21 3781
基础
js 清空 input[type=file]的值
05-30
可以通过以下方式清空 input[type=file] 的值： 1. 使用 JavaScript 直接清空： ```js document.getElementById('fileInput').value = ''; ``` 其中，fileInput 是 input[type=file] 的 id。 2. 使用 jQuery 清空： ```js $('#fileInput').val(''); ``` 同样，fileInput 是 input[type=file] 的 id。 需要注意的是，由于安全限制，浏览器不允许 JavaScript 直接修改 input[type=file] 的值，因此无法通过代码设置一个默认的文件路径或者清空它的值，只能让用户手动选择文件。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值