野生动物园和文件上传表单不起作用答案

【问题标题】：safari and fileupload form doesnt work野生动物园和文件上传表单不起作用
【发布时间】：2011-05-11 10:55:41
【问题描述】：

我正在尝试为我的typo3 扩展添加附件上传，并且由于正常的文件输入不适用于设计。我决定添加一个文本输入来显示值，以及一个按钮输入，触发文件输入点击事件。这适用于 FF 和 IE，没有任何问题，但是当我在 Safari 上尝试这个时，文件输入点击事件不起作用（其他人做！！！）。

<form action=""  
      name="attachmentPostForm"
      method="post" 
      onSubmit="createAttachmentPostAction(${uid});"
      enctype="multipart/form-data" 
      target="attachementupload_target">
  <input type=file 
         name="leadimagefile" 
         accept="image/gif,image/jpeg" 
         onChange="document.getElementById('ImageFakeFile').value = this.value" 
         id=imageTrueFile style="display:none">
  <input type=text id=ImageFakeFile  readonly>
  <input type = button value="browse" onClick="document.getElementById('imageTrueFile').click()">
  <input type="submit" value="upload" />
</form>

是否有其他方法可以达到效果，或者我必须在这种情况下使用“正常”文件输入？

【问题讨论】：

这听起来像是出于安全原因而设计的。我真的很惊讶它在 IE 和 FF 中工作。
Flash 是执行此操作的常规方式 - 当然不适用于 iPad
没关系，我在这个中找到了解决方案：stackoverflow.com/questions/210643/…（罗马人回答）

标签： javascript web safari

【解决方案1】：

它不起作用，因为您的输入有 style="display:none"，将其更改为可见性：隐藏，它将起作用。我也建议检查https://stackoverflow.com/a/3030174/967358

【讨论】：