Safari и fileupload форма не работает

Question

Я пытаюсь добавить загрузку вложения для моего расширения 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> 

Есть ли другой способ добиться эффекта, или мне нужно использовать "нормальный" ввод файла в этом случае?

Answer 1

Это не работает, потому что ваш ввод имеет стиль = "display: none", измените его на видимость: скрытый, и он будет работать.Я также рекомендую проверить https://stackoverflow.com/a/3030174/967358