file-up-loader上传图片上传第一次可以出发onchange事件 如果同一个图片再上传一次就触发不了change事件...

最新推荐文章于 2019-11-21 11:15:20 发布
最新推荐文章于 2019-11-21 11:15:20 发布
阅读量330 收藏
点赞数 1
文章标签： python php
原文链接：https://my.oschina.net/pingheyongfeng/blog/2907135
版权

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

file-up-loader上传图片上传第一次可以触发onchange事件 如果同一个图片再上传一次就触发不了change事件

原因

	因为上一次file里选择的文件路径值与本次选择的文件路径值是一样的，值没有改变所以导致file不会触发onchange事件。

解决方法上传成功之后把input file重新设置

$("#five")[0].value=null;

转载于:https://my.oschina.net/pingheyongfeng/blog/2907135

weixin_34061042
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
file控件选择上传文件确定后触发的js事件是哪个
01-19
一直以来纠结于这个问题。今天闲来上网搜索了一下这个问题。终于知道答案。是onchange事件。经过本人测试，可用。还有说onpropertychange也可以。经chrome浏览器测试，无效果。不知道是什么原因。
element-ui中select组件绑定值改变,触发change事件方法
10-18
例如，如果某个字段orderCanleRemark未响应，就会导致事件不触发。解决这类问题的方法可以是让后端补充响应这个字段，或者在前端手动添加这个字段到响应数据中。 总之，Element UI的select组件提供了方便的方式来...
ajaxFileUpload的change事件只触发一次
ming的博客
05-27 349
使用ajaxFileUpload上传图片时，解决ajaxFileUpload的change事件只触发一次的bug <div class="item h1"> <input type="file" name="filename" id="img1"> <img src="" alt="" id="img1_show"> <button ...
input标签上传文件时无法重复触发change事件
qq_39232672的博客
11-21 772
通过<input type="file">进行文件上传时，通常会选用onchange事件监听文件上传情况。 但是有时候会发现，明明选择了文件，却没有触发onchange绑定的函数。 原因： input上传文件的特性：如果上传了相同的文件，不重复出发onchange事件 解决方法： 通过e.target.value，给该input的value属性赋空：每次事件触发之后，就立即赋空。相当...
antd 组件库upload使用时onChange只会执行到 uploading状态 解决办法
我诗和远方
06-06 1万+
antd 组件库使用时onChange只会执行到 uploading状态 解决办法 问题： 1.6.5版本 Upload控件onChange方法只会执行一次，且info.file.status一直为uploading，http请求正常，返回200。 降级为1.6.4之后正常使用，uploading之后info.file.status为done 这个方法在onChange时触发 handleUp...
上传文件或图片时选择相同文件无法触发change事件的问题
m0_37865231的博客
05-31 8168
    其实很简单，当选择完一个文件之后，会将文件名存放在input中的value值中，当下一次change之后，比对玩发现，value值没有发生变化，所以不能触发。所以，只需要下次将value值清空就ok了；    话不多说直接上代码：//批量导入用户 $(document).on('change','#fileToUpload', function () { Addre...
图片上传时input file change事件多次触发解决
热门推荐
做自己想做的
11-04 1万+
file input出于安全角度，是不允许赋值的，即使是置空，虽然通过给outerHtml赋值可以清空，但貌似仅在ie下起使用。 因为缺少置空的方法，用户异步上传完毕文件后选择相同文件时，不会触发change，因为在这种情况下，我们没有办法使value（也就是文件路径）发生变化。 那难道就无解了么。。当然不是。。 我的解决方法是，每次选完文件，就重建此元素，这样值自然是空的，因为
商业编程-源码-一个可以自动完成的复合框示例.zip
06-23
这个压缩包“商业编程-源码-一个可以自动完成的复合框示例.zip”包含了一个实现自动完成功能的复合框（ComboBox）的源代码示例。自动完成功能在许多用户界面设计中都是非常实用的，它能够提高用户的输入效率，减少...
element-ui 上传图片后清空图片显示的实例
10-18
在使用“el-upload”组件时，可能会遇到一个需求场景，即在图片上传成功后，需要清空或重置上传框以展示新的上传状态。例如，在用户上传一张图片并提交成功后，希望上传组件不再显示刚才上传的图片，而是显示“点击...
安卓手机上传同一张图片第二次不触发onchange
weixin_30952535的博客
08-29 207
清空上一次file内部的值 <script type="text/javascript"> var file = document.getElementById("fileData"); // for IE, Opera, Safari, Chrome if (file.outerHTML) { ...
python 多次读取文件的细节
weixin_30521161的博客
10-10 773
　file = open("test.txt", encoding="utf8")　　　　#文档以utf8编码读取，不然默认gbk，中文会出现乱码 　data = file. read() 　data2 = file.read() print(data2) #结果为空，第一次读完指针就停留在末尾，第二次读接着上次的指针的位置，所以没有内容可以读取 默认打开是只读模式 fil...
C# 用file 上传文件大小时判断文件大小 file onchange 事件为什么只执行一次解决方案
浮萍的博客
01-20 2527
当文件上传时如果在前端就进行验证可以减少对服务器的压力，当用户上传的文件大于限制的大小时，可以用change来进行判断验证。 但是用一个文件第一次上传时可以运行，第二次上传一样的文件，就不会执行change事件，后来我想了下，如果执行不成功就将file清空。 代码如下 //上传文件时在前端判断文件大小 JS文件     $(document).ready(function (e) {
input上传重复图片无法触发change事件（vue+element）
jinxi1112的博客
04-17 3187
需求要做一个上传图片的组件，可上传多张，上传重复图片时提示重复，使用input上传，当图片重复时并不会触发change事件，导致无法添加提示，解决方案是上传图片完成后清空input中的value。 思路是： 1.定义dom结构，定义input的ref名称，获取到input的value值； <input type="file" class="add" @ch...
解决input上传文件选择同一文件change事件不生效
shao.zq的博客
11-08 6521
在文件上传的时候我们我们选择监控change事件来获取文件，发现如果第一次如果选择了A文件，当再次点开选择A 文件时，change事件没有触发，这时可以用如下方式处理. 1. vue项目处理方式： this.$refs.uploadExcelId.value=null; 复制该代码到项目中，并且把uploadExcelId换成自己input的ref即可。 2. 普通js处理方式： event.t...
h5图片多次上传同一张图片不能触发change问题
大白的博客
07-22 818
记录个东西： h5上传图片是很常见的东西，但是我们在使用FileReader的时候，如果前后两次选中同一个文件，你就会发现，并不会触发onLoad事件。 这个时候 我们只需要把input内容置空即可。 ...
Angular5 input type="file" ，选择同一文件change事件不触发问题》
weixin_30437847的博客
07-06 287
html代码部分 TsCode <input class="form-control" type="file" (change)="uploadPicture($event)"> 主要是接收到的 e.target.value = ""置空 转载于:https://www.cnblogs.com/gaizaotuling/p/9274953.html...
input type=file, 时，onChange事件不触发问题
yw_hard的博客
04-17 1万+
React中input type=file, 时，onChange事件不触发问题当选择图片相同的时候，不会触发onchange事件， 当选择图片相同的时候，不会触发onchange事件， 最近在做react项目时发现的问题，代码如下 // An highlighted block <input type="file" onClick={(e) =>{e.target.value = '...
用 ant-design-pro 版本v5.2.0， 写一个上传文件/图片 组件
最新发布
04-04
以下是一个简单的上传文件/图片组件，使用 antd-pro 的 Upload 和 Modal 组件。 ```javascript import React, { useState } from 'react'; import { Upload, Modal } from 'antd'; import { PlusOutlined } from '@...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值