AngularJS 上传图片 手机端 安卓内置浏览器 无法上传

本文介绍了一个使用AngularJS的ng-file-upload组件在不同浏览器中遇到的兼容性问题,并详细记录了解决过程,特别是在Android设备上的问题及其解决方案。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

angularJS提供了强大的上传组件ng-file-upload 但是里面的属性有的浏览器不兼容。导致同样的代码,PC,safari都没问题,只有在安卓上会出现问题,要么无法选择图片,要么选择图片后上传失败,错误代码如下:

<span class="zc-add-img">
    <input class="zc-file" id="file" name="" type="" ng-model="files" ng-file-select ng-file-change="selectFile($files,12)" accept="images/"/>
    <label class="zc-label-for" for="file"></label>
</span> 

刚开始是无法选择图片,然后百度了一下,把accept属性去掉后,ng-file-change用onchange指令代替,可以了,但是问题又出现了,选择图片后总是上传失败,然后又百度了一上午,研究了下安卓浏览器支持的web属性,最后得出正确代码。其他不用改动,只修改html就行了。正确代码如下:

<span class="zc-add-img">
    <input class="zc-file" id="file" ng-model="files" ng-file-select ng-file-change="selectFile($files,12)"/>
    <label class="zc-label-for" for="file"></label>
</span> 

事实再次证明了ng-file-upload的强大以及对浏览器兼容性的支持!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值