Safari 和文件上传表单不起作用

发布于 2024-11-06 14:22:36 字数 874 浏览 0 评论 0原文

我正在尝试为我的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>

还有另一种方法可以达到效果，还是我必须在这种情况下使用“正常”文件输入？

原文

I'm trying to add attachment upload for my typo3 extension, and since the normal file-input
doesn't work with the design. I decided to add a text-input, to display the value, and a
button-input, to fire up the file-inputs click event. This works FF and IE without any Problems,
but when I try this on Safari the file-inputs click event doesn't work (others do!!!).

<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>

Is there another way to achieve the effect, or do i have to use the "normal" file-input on this case?

分享到QQ

分享到微博