加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

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

发布时间:2020-12-17 08:39:56 所属栏目:安全 来源:网络整理
导读:angularJS提供了强大的上传组件ng-file-upload 但是里面的属性有的浏览器不兼容。导致同样的代码,PC,safari都没问题,只有在安卓上会出现问题,要么无法选择图片,要么选择图片后上传失败,错误代码如下: span class = "zc-add-img" input class = "zc-fil

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的强大以及对浏览器兼容性的支持!

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读