html - 如何允许在 iOS 上上传 PDF 文件？

Question

问题

我已经构建了一个用于上传文件的 HTML 网络表单。从 iOS 设备访问时，如果选择“浏览”按钮以从 iOS 文件资源管理器中选择文件，非图像文件(.pdf、.docx 等)将显示灰色。

我有一个功能齐全的页面(HTML、CSS、JS、PHP)，但我已将整个页面剥离为最简单的表单元素以测试功能。这是在运行 iOS 12.3 的设备上查看时不能在我的服务器上运行的代码示例(这是 HTML 文件中除了样板标签之外的所有内容):

<form action="" enctype="multipart/form-data" method="post">
   <input type="file" accept="image/*, .heic, .hevc, .heif, .pdf, .png, .gif, .jpg, .jpeg, .doc, .docx, image/png, image/jpg, image/jpeg, image/gif, application/msword, application/pdf" multiple>
</form>

您可以看到一个类似的简单工作示例，可以使用 W3School 的“试一试”编辑器从 iOS 设备中选择非图像文件:

https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_input_type_file

我尝试过的

• SSL(扩展验证)
• Apple 技术支持(电话通话数小时后转至 Apple Developer 网站)
• 多种浏览器(iOS Safari、iOS Chrome、iOS Google App)
• 多个 Apple 设备(在 Mac 上工作，在 iPhone 和 iPad 上失败)
• 竞争平台(适用于 Android)
• iOS 13 测试版(有效)

问题

在 iOS 上处理表单时，某些原因导致 W3School 和其他网站的服务器表现与我的不同。

iOS 上决定哪些网站/表单能够选择非图像文件进行上传的因素是什么？

Answer 1

您必须删除 image/* 和其他 image/ 文件类型。

<form action="" enctype="multipart/form-data" method="post">
   <input type="file" accept=".heic, .hevc, .heif, .pdf, .png, .gif, .jpg, .jpeg, .doc, .docx, application/msword, application/pdf" multiple>
</form>

这是我更正后的代码示例: https://codepen.io/VladimirButakov/pen/XvXxGq?&editable=true