文档章节

微信端input type=file 无法上传图片

放开那个女孩
 放开那个女孩
发布于 2017/08/17 15:56
字数 237
阅读 518
收藏 0

在做一个上传头像功能时,遇到一个奇葩的问题,(我的手机是魅族)

<input id="photo" type="file" accept="image/jpeg, image/x-png, image/gif" capture="camera">

这段代码在非微信浏览器内能选中图片并上传,而在微信浏览器内就失效了,查了各种资料并没有找个解决方案,一次 偶然的机会将代码改成

<input id="photo" type="file" accept="image/*" capture="camera">

发现奇迹般的在微信里成功了。

自己猜测,可能是 accept="image/jpeg, image/x-png, image/gif" 这个属性在微信里寻找手机里的图片的时候类型不匹配,导致上传失败,将其改成  accept="image/*" 这个时候就能成功。可能是微信浏览器内对input的配置问题。

最后发现可以不要 capture="camera" 也能调用摄像头。最后代码为

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

© 著作权归作者所有

放开那个女孩
粉丝 4
博文 112
码字总数 43124
作品 0
杭州
程序员
私信 提问
移动端H5页面上传图片或多张图片

传统PC网页上传文件,大家都已经熟悉,这里不做介绍。 本文简单介绍移动端常用上传图片功能。灵活使用轮询或长连接可实现PC与移动端数据同步,即PC端需要上传的图片是移动拍照下来或移动端硬...

风蓝小栖
2018/07/13
0
0
点击图片上传文件

一、选择文件 1、隐藏input(大部分手机浏览器,微信中都不可用) 通过js触发选择文件。js获取选择的文件并上传 实现: 上传

陈安一
2015/08/31
0
0
视频拍照上传头像功能(php新篇)

许多PHP网站都有视频上传头像功能,如51.com,猪八戒网站等等。 那么这种功能如何实现呢? 要想在php中实现视频拍照我们需要借助于flash插件了,由flash拍出的确照片我们再通过php的$GLOBAL...

crossmix
2015/11/29
49
0
INPUT[type=file] 的 'value' 属性值在各浏览器中存在差异

标准参考 当一个 INPUT 元素的 'type' 属性值设置为 'file' 时创建了一个文件选择控件(file select),其中 INPUT 元素的 'value' 属性值便是文件的初始名称。 另外,在 IE6 和 IE7 下通过此方......

zkool
2012/06/28
0
0
摄像头拍照,PHP输入流php://input的使用分析

摄像头拍照,PHP输入流php://input的使用分析 在做一个摄像头拍照然后上传的功能,php中使用php://input来获取内容。于是就了解了下php://input。 从官网信息来看,php://input是一个只读信息...

蜗牛奔跑
2015/09/16
181
0

没有更多内容

加载失败,请刷新页面

加载更多

以太坊中文文档翻译-区块

本文原文链接 点击这里获取Etherscan API 中文文档(完整版) 完整内容排版更好,推荐读者前往阅读。 区块(Blocks) 区块相关的 API,接口的参数说明请参考Etherscan API 约定, 文档中不单独...

Tiny熊
19分钟前
0
0
Linux 内核的一个问题

是virtio 驱动,但是没有启动 virtio-mmio virtio-mmio.0: Failed to enable 64-bit or 32-bit DMA. Trying to continue, but this might not work.....[ 1.047924] md: ... autorun......

MtrS
43分钟前
2
0
MySQL主从配置

17.1 MySQL主从介绍 17.2 准备工作 17.3 配置主 17.4 配置从 17.5 测试主从同步 一、 MySQL主从介绍

tobej
53分钟前
2
0
读书replay《博弈与社会》.1.20190526

前情 《美丽心灵》,一部讲数学家约翰·福布斯·纳什的电影,我第一次听到博弈理论就是在这部电影里。看过电影之后就一直想知道,博弈论究竟讲了什么。很久之后,20190417这天,我刷JD的购物...

wanxiangming
今天
2
0
iOS TableView层级结构剖析

首先上图 下面来分析一下tableView的层级结构 tableView的组成: 1.整个tableView有且仅有一个头部和尾部就是tableViewHeadView和tableViewFooterView2.tableView 可以有多个section,一个s...

HOrange
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部