van-uploader组件安卓只唤起相机问题

这篇具有很好参考价值的文章主要介绍了van-uploader组件安卓只唤起相机问题。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

van-uploader - acceptType 只能唤起相机

van-uploader组件安卓只唤起相机问题

有时候h5不只是想单纯的打开相机,而是想打开资源管理器,在苹果上貌似没什么问题,但是在一些安卓上就有不同的展示方式,比如:
1、当你指定acceptType为图片类型,比如:‘image/jpg,image/png,image/jpeg’时,会唤起相机。
2、当你指定acceptType为pdf类型,application/pdf时,会唤起资源管理器。
3、当你同时指定图片和pdf类型:‘application/pdf,image/jpg,image/png,image/jpeg’,此时在一些安卓上你就会发现它只会唤起相机只能拍照,没法选择文件,这种情况下,就直接将acceptType设置为‘’就可以,会直接打开资源管理器,直接去选择文件就可以了,也是目前比较好的解决方法了。文章来源地址https://www.toymoban.com/news/detail-852283.html

			<van-uploader
              multiple
              :accept="acceptType"
              v-model="fileList"
              :after-read="handleUpload"
              :preview-image="false"
              @click-upload.stop="clickUpload"
              :before-read="beforeRead"
            >
              <van-button size="small" style="width: 120px" type="primary"
                >确认</van-button
              >
            </van-uploader>
            //以下类型设置:fileType:1 需支持pdf类型,imageType:2 需支持图片类型,this.fileType == "1" && this.imageType == "2":两种都支持
            if (this.fileType == "1") {
		      this.acceptType = "application/pdf";
		    }
		    // 影像件类型
		    if (this.imageType == "2") {
		      this.acceptType = "image/jpg,image/png,image/jpeg";
		    }
		    // 影像件类型&&文件类型
		    if (this.fileType == "1" && this.imageType == "2") {
		      this.acceptType = "";
		    }

到了这里,关于van-uploader组件安卓只唤起相机问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • ant-design-vue在ios使用AUpload组件唤起了相机,HTML的 `capture` 属性

    在使用ant design vue组件的上传组件AUpload的时候有一个问题,直接按照demo写,在ios上会唤起相机,但是实际上我们的需求是弹出选择相册/相机这个弹框。 解决办法是加一个 cupture=\\\"null\\\"这个属性即可 HTML attribute: capture - HTML: HyperText Markup Language | MDN The capture attribute specifies that

    2024年02月12日
    浏览(48)
  • el-upload组件问题 已解决

    前两天我写了一个上传下载功能 使用el-upload组件 当后端将文件流格式数据发送到响应里面前端屈接受的时候 ,我们使用 el-upload 组件里面的 :on-success 方法进行捕捉,使用blob进行文件下载 文件可以正常下载下来 但是打开文件损坏   我去网上寻找答案, 但大多都是说 请求头

    2024年02月03日
    浏览(51)
  • 关于vant2 组件van-dropdown-item,在IOS手机上,特定条件下无法点击问题的探讨

    先贴有问题的代码 样式 van-dropdown-menu .van-dropdown-menu__bar 这一行是对组件内的样式进行了修改 上个图直观一些 右上角人名可以切换,用到的就是van-dropdown-menu,这个在web,在android,都没有问题,但是在IOS机型上,有时候点击没反应。刚开始以为是不兼容,但是在某些情况下又

    2024年02月12日
    浏览(38)
  • 关于layui upload上传组件上传文件无反应的问题

    最近使用layui upload组件时,碰到了上传文件无反应的问题,感到非常困惑。 因为使用layui upload组件不是一次两次了,之前每次都可以,这次使用同样的配方,同样的姿势,为什么就不行了呢? 照例先百度一番,出来的文章都是说第二次上传同样的文件无反应的问题,这个有

    2024年02月07日
    浏览(50)
  • 微信小程序 使用 vant-weapp 组件 van-field 类型为 textarea 在IOS端出现的问题记录

    在 IOS 端 出现 textarea 的 value 出现在最顶层, 上下滚动就消失, 此bug容易引起观感不适 出现该bug的原因 可能 是官方的原生组件的使用限制 微信小程序原生组件的使用限制 提供一个 showKey 布尔值去做限制, wx:if 为 false 时使用 text/text , 为 true 时使用回 van-field type=\\\"textarea\\\"/van-fi

    2024年02月13日
    浏览(67)
  • React antd如何实现<Upload>组件上传附件再次上传已清除附件缓存问题

    最近遇到一个React上传组件的问题,即上传附件成功后,文件展示处仍然还有之前上传附件的缓存信息,需要解决的问题是,要把上一次上传的附件缓存在上传成功或者取消后,可以进行清除 经过一顿试错,终于解决了这个问题。 showUploadList,是可选参数,即是否展示upload

    2024年02月04日
    浏览(59)
  • uniApp 封装Upload组件实现图片和视频上传,解决官方api单一上传问题

     uniapp 官方api没有同时上传图片和视频的组件,所以就只能自己做了,在此记录下! 这里之所以循环一个一个上传是因为,我是用于小程序端的,目前uniapp不支持微信小程序以文件列表形式上传, filePath: item, //改为files可实现一次上传多个文件,仅App、H5( 2.6.15+)支持 具体

    2024年02月14日
    浏览(42)
  • 开发微信小程序使用 uview 的upload组件时,点击无反应问题记录

    使用uniapp+uview开发微信小程序使用 u-upload组件所遇到过的问题记录。待持续完善 ... 原因一:可能是《用户隐私保护指引》未授权导致的。 1:自定义隐私授权组件,在小程序首页引入。 2:到小程序公众平台-设置-基本设置-服务内容声明-用户隐私保护指引,完善好后,等待

    2024年02月04日
    浏览(50)
  • element-ui upload 上传组件中on-success 声明方法不生效问题

    最近在学习vue 2,实现element-ui 框架中upload 上传文件组件碰到的一些坑: 1.上传文件成功后on-success 声明的方法不执行。 官方模板是上面代码,但是我是实现自定义上传文件,禁用了action实现方式,添加 :auto-upload=“false” ,然后实现**:http-request=“submitUpload”**,具体的调用上

    2024年02月11日
    浏览(41)
  • 解决element-ui中组件【el-upload】一次性上传多张图片的问题

    前端 后端 后端使用的是multer中间件,用来接收前端发送过来的multipart/form-data形式的数据 multer.js router.js

    2024年02月12日
    浏览(54)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包