微信安卓input file 上传onchange不能触发问题

最新推荐文章于 2022-05-29 11:03:53 发布
最新推荐文章于 2022-05-29 11:03:53 发布
阅读量2.3k 收藏
点赞数 1
分类专栏： 前端基础学习 文章标签： 微信 公众号 H5 file 上传
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43311271/article/details/100130537
版权

在公司的公众号里写了上传图片功能，但是发现部分安卓机型不能触发上传接口，排查发现是onchange没有被触发
解决方法：

<input type="file" accept="image/*" />

accept要写为所有格式image-----------------“image/*” ，就可以解决此问题，特此记录

空、
关注
专栏目录
安卓微信浏览器使用input file图片上传无法触发change事件
“明明很开心”的博客空间
04-01 2349
问题现象 项目中遇到一个上传图片的功能，使用了file作为选择上传，需要做图片预览等功能。在多方测试后没有问题，但在安卓微信浏览器中却发现change事件失效无法触发。 解决办法 由于在项目中我是用来上传图片，所以用了accept进行图片的类型限制，如下： <input required="required" type="file" accept="image/png,image/jpeg,...
几种常见的上传图片的方式（微信小程序，微信公众号，普通的网页，uni-app）
weixin_43878003的博客
07-29 2186
普通的网页: <input type="file" accept="image/*" onchange="getzImg(this)" id="zm" /> function getzImg(imgFile) { var file = imgFile.files[0]; console.log(file) } 使用formdata提交文件流就可以了 微信小程序（小程序不支持file blob格式） 第一种方式，获取文件路径使用小程序自带的
解决html5 input 选择图片在安卓手机上失效的问题
qq_31481269的博客
05-06 1837
原来的input输入框选择图片是这么写的 <input type="file" multiple accept="image/gif, image/jpeg, image/png" id="upload"> 但是在安卓手机上不能选择图片，所以改为如下： <input type="file" accept="image/*" capture="camera" multiple id="upload" > 但是这样的话，在ios手机上就只能拍照，所以在js中还要加入一下代码...
input pattern 小数_「React组件封装」「优化」文件选择(安卓file的input不触发onChange)...
weixin_39887715的博客
10-23 218
[React组件封装][优化]文件选择按钮(解决安卓下type为file的input标签不触发onChange的问题)详细文章请关注公众号：程序员波波。或者点击文章最下方了解更多前往原文地址。之前已经写过“[React组件封装][实例]文件选择按钮组件封装”这篇文章。目的是封装一个文件选择按钮。但是在真正运用的时候发现，还是存在问题的。主要是安卓端的微信浏览器input标签不触发onChange函...
IOS H5 input标签上传图片 onchange不执行
weixin_39313771的博客
05-06 1081
项目记录：ios h5上传图片onchange不执行 找了一些文章发现：ios safair 浏览器中，必须将 input 添加到 真实的dom 中，onchange事件才会响应 然后成功啦！！！！！ 如果还不可以，就找找其他原因把！ ...
uniapp webview访问h5 input file 选择相册图片 未授权不会触发onchange回调
weixin_43073383的博客
12-20 1715
uniapp 使用 plus.webview.loadURL(url) 加载h5页面，在未授权获得相册图片的情况下，input type=file 时选择图片不会触发 onchange 回调 解决方案 1、初始化时候获取手机读写权限，但是现在审核严格，不能做初始化授权 2、离线包，原生监听相册打开行为，加了授权操作 import io.dcloud.PandoraEntryActivity; public class YYPandoraEntryActivity extends PandoraEnt
安卓版微信 input onchange事件不生效
nabywe的博客
01-15 6453
做Vue 图片上传控件，遇到无法上传的问题，表现未选择图片后无法触发change事，问题原因最终锁定在input accept上。 上面的定义，在某些安卓版微信上不会触发change事件，需要改成下面形式 困扰了很久
小程序中实现隐藏input进行文件上传（react + fetch）
以沫wh的博客
05-29 665
使用Taro开发小程序实现隐藏input进行文件上传 react+fetch
HTML5实现简单图片上传所遇到的问题及解决办法
09-28
当用户选择文件后，可以监听`onchange`事件来触发上传操作。在JavaScript中，获取选中的文件，检查文件类型和大小是否符合要求，然后创建一个FormData实例，将form数据添加进去。接着，创建一个新的XMLHttpRequest...
安卓微信浏览器无法触发onchange事件
ccsdn的博客
12-27 2483
部分安卓微信浏览器无法触发onchange事件 这其实安卓微信的一个遗留问题。 解决办法也很简单： input标签  &lt;input type=“file" name="image" accept="image/gif, image/jpeg, image/png”&gt; 要写成 &lt;input type="file" name="image" accept=“image/*”...
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 = '...
[React组件封装][优化]文件选择按钮(解决安卓下type为file的input标签不触发onChange的问题)
AndyQsmart的专栏
11-12 945
公众号：程序员波波 之前已经写过“[React组件封装][实例]文件选择按钮组件封装”这篇文章。目的是封装一个文件选择按钮。 但是在真正运用的时候发现，还是存在问题的。主要是安卓端的微信浏览器input标签不触发onChange函数。 在经过一些查阅后，发现可能原因是安卓端的WebView不支持input标签为file，不会触发onChange，而微信安卓端使用了WebView，所以会有...
点击图标实现图片上传及相同图片上传无法触发change事件的问题解决
weixin_46115860的博客
07-20 593
1、渲染（用了antd的组件） <a-button type="primary" onClick={this.chooseImg}> <a-icon type="file-image" /> </a-button> <input type="file" onChange={this.getFile} accept="image/*" ref="imginput" style="display:none"/> 2、选择图片文件的方法： /**
INPUT[type=file]的change事件不触发问题
weixin_34405332的博客
08-07 2010
在网页上要操作文件通常会使用INPUT[type=file]控件，但这个控件的设计很蛋疼。它不像其它编程语言中文件选择后会触发一个事件，只是让上面的文字改变，而这个改变可能会触发change事件而已。对于文字没改变的选择，change事件则不会触发。　　当INPUT[type=file]控件上已经选择过一次文件之后，再次点击它选择同一个文件时change事件就不会触发。因为第二次选择后里面的文字和...
Android 嵌套H5 网页，图片上传无法调用手机图片问题记录
tao______tao的专栏
03-02 2289
最近项目中用到安卓原生APP 嵌套H5网页，使用安卓原生WebView实现,本来是需要我们通过协议调取系统相册完成选择图片和上传图片的,后来发现H5可以自己调用,就交给了H5,但是还是需要我们这边支持,因为他们在做的过程中发现,H5在网页可以自己调用,但是嵌套到App里面点了按钮没有任何反应,介于目前手机系统都很高了,我这边就不说3.0版本的兼容了,直接说5.0的;具体代码如下: private ValueCallback<Uri> valueCallBack; public ValueCal
安卓机 input file图片上传无反应解决方案
weixin_43833100的博客
07-01 2291
安卓机 input file 图片上传无反应解决方案： <input id="btnUpload" type="file" /> 加上以下三个属性就可以了： 1、ref="foreheadCir" 2、mutiple="mutiple" 3、accept="*" 完整代码： <input id="btnUpload" type="file" ref="foreheadCir" mutiple="mutiple" accept="*"/> ...
手机APP内嵌H5上传文件问题
yuenandehutu的博客
11-25 2344
手机兼容性问题 理想很丰满，现实很骨感。 实际上由于手机平台兼容性问题，上面这套流程并不能全都支持。 所以需要根据兼容性判断。 经过试验发现： 1.部分安卓微信浏览器无法触发onchange事件（第一步就特么遇到问题） 这其实安卓微信的一个遗留问题。 查看讨论 解决办法也很简单：input标签 <input type=“file" name=“image” accept="image/gif, image/jpeg, image/png”>要写成就没问题了。 2.部分安卓微信不支持
html input监听事件无效,html input的file文件输入框onchange事件触发一次失效解决方法...
weixin_36307377的博客
06-03 981
最近在做一个图片上传的功能，出现提交一次后，file输入框的change事件无法再次触发的bug，就是说提交一次后必须刷新才能再次提交，这就坑了~于是想办法解决它~在网上找了一些资料，找到这几种方法：1、替换掉原来的input框2、remove原来的input框，然后在添加进新的一样的input框我测试了之后发现可以用下面的方法解决这个问题：第一步：上传完成后替换掉原来的input框第二步：重新绑...
input file类型onchange函数
最新发布
03-30
下面是一个示例代码，可以在 input file 类型的 onchange 函数中使用： ``` <input type="file" id="inputFile" onchange="handleFileSelect(event)"> function handleFileSelect(event) { const file = event....
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值