当前位置: 首页 > 知识库问答 >
问题:

输入type=“file”accept=“image/*”capture=“camera”不适用于移动设备

夹谷沛
2023-03-14

我有一个简单的表单,可以将一些基本信息和图像上传到我的formtools数据库。它可以在桌面上完美运行,但不能在移动设备上运行。在我的Android手机上,当我测试它时,它会要求我选择摄像头或文件浏览器。我已经尝试了摄像头和文件浏览器,我拍摄了一张照片/上传了一张图像,然后它会加载感谢页面,但当我进入表单工具数据库时,图像还没有上传。

有人知道为什么这样不行吗?

这是表格

<form enctype="multipart/form-data" id="competitionform" class="uniForm cmxform" name="competitionform" method="post" action="/formtools/process.php">
<input type="hidden" name="form_tools_form_id" value="110" />
<header>
<h2>Upload your image</h2>
</header>
<label>Your Name </label>
<input width="100px;" type="text" placeholder=" " name="name" />
<label>Your Email </label>
<input type="text" placeholder=" " name="email" />             <
<label for="file">Upload Selfie</label>
<input type="file" name="uploadselfie"/>
<input type="submit" id="submit" value="Upload Selfie" />
</form>

我还尝试添加

accept="image/*" capture="camera"

在打开摄像头的输入中,您可以拍照,然后加载感谢页面,但没有图像上传到formtools数据库。

谢谢

共有1个答案

公西志文
2023-03-14

在这一点上,您必须设置两个表单,一个用于input type=text,另一个用于input type=file

 类似资料:
  • 本文向大家介绍HTML5和JavaScript: input type=file capture=camera,包括了HTML5和JavaScript: input type=file capture=camera的使用技巧和注意事项,需要的朋友参考一下 当设备正在拍摄非常大的照片并且我们想要进行这种设置以从手机中拍摄较小的照片时,我们可以使用两种W3C方式拍摄照片。 这可以通过HTML或Java

  • 借助 Adobe Creative Cloud,通过桌面、网站和移动设备与工作组和 Creative 社区保持连接。 借助 Adobe 适用于移动设备的 Creative Cloud,您可以在 iPad、iPad Pro、iPhone、Android 设备或 Chromebook 中移动访问和管理您的创意作品,并与创意世界保持连通。使用适用于移动设备的 Creative Cloud,您可以访问存储

  • <input type="file">的accept属性值详解 accept可以限制文件的上传类型,比如只上传图片文件、视频文件、音频文件.如下: audio/* 接受所有的声音文件。 video/* 接受所有的视频文件。 image/* 接受所有的图像文件。 <input type="file" name="pic" id="pic" accept="image/gif, i

  • 我想使用Boost.Range和带有init-capture的C 1y lambdas来计算两个向量的元素差异。减去一个向量的固定(即第一个)元素的更简单情况是有效的。但是,当我尝试通过在第二个范围上增加迭代器(并使lambda可变)来计算“矢量化差异”时,我得到一个编译器错误。示例代码(请注意,我没有使用通用的 lambda,因此 g 4.8 和 Clang SVN 都可以解析此代码): 活生生

  • 我试图使用“背景动画边框输入-材料2.0”输入,如图所示:https://mdbootstrap.com/docs/jquery/forms/inputs/#animated-inputs 我也在使用“懒惰加载”方法(关于路由)。 这是原件 这是它应该工作的方式 这就是它~实际上~所做的 问题是“输入字段”工作不正常。输入数据时,字符“覆盖”标签 如何解决这个问题?如果这需要一个特定的模块,在哪里

  • 我正在尝试使用gradle脚本迁移一些SQL表: 在脚本目录中,我只有一个SQL脚本: 当我运行 时,我得到输出: 在测试数据库中,创建了schema_version表,但没有创建表位置。 flyway的目录结构是: 我是否缺少飞行路线的一些其他设置?非常不幸的是,我没有收到任何错误消息。