iOS 的 html5 文件上传问题答案

【问题标题】：html5 file upload issue with iOSiOS 的 html5 文件上传问题
【发布时间】：2013-08-19 23:25:55
【问题描述】：

我在使用 HTML5 在 iOS 中上传文件时遇到问题。在桌面上，我可以愉快地选择多个文件并上传它们。但是，在 iOS 6.0（我测试过的唯一 iOS）上，如果我尝试上传 2 个文件，它会将第一个图像上传两次。无论它们是在同一个输入中选择的，还是表单包含不同的输入，都是如此。只要表单有多个文件，就会重复第一个文件，替换其他文件。

以下代码和具有多个输入字段的类似代码适用于 Android Chrome、Windows IE、Windows Chrome 和 Mac Firefox。

<form class="upload" action="UploadServlet" method="post" enctype="multipart/form-data">
    <fieldset>
        <input id="filename" type="file" name="file" size="10"  multiple/>
        <input id="submitButton" name="submit" type="submit" value="Submit"/>
    </fieldset>
</form>

与相机的多次使用相关的不同代码的相同问题：

<form class="upload" action="UploadServlet" method="post" enctype="multipart/form-data">
    <fieldset>
        <input id="filename" type="file" name="name" size="10" capture="camera"/>
        <input id="filename1" type="file" name="name1" size="10" capture="camera"/>
        <input id="submitButton" name="submit" type="submit" value="Submit"/>
    </fieldset>
</form>

提前非常感谢！理查德

【问题讨论】：

标签： ios html multipartform-data

【解决方案1】：

在一位同事的帮助下，我们找到了这件事。事实证明，iOS 传递的任何图像都被赋予了文件名 image.jpg。这导致我的服务器将每个文件相互保存。一个简单的解决方法是在服务器端动态命名上传的图像。

在一个php后端，我们也发现html输入name属性需要[]即：

<input id="filename" type="file" name="file[]" size="10"  multiple/>

【讨论】：