Кнопка загрузки файла не работает в Safari

Question

У меня есть поле для загрузки файла на моей странице. Он отлично работает на chrome и firefox, но в сафари он не работает.

код:

<label> 
      <div> 
       <img id="blah" src="../images/picture.png"/><br> 
       <span style="color:#4291ce">Add Logo</span></div> 
       <span style="display: none;">><input type='file' onchange="readURL(this);" name="userfile" id = "userfile" style="opacity: 0; cursor: pointer; -moz-opacity: 0; filter: alpha(opacity=0);"/></span>   
     </label> 



function readURL(input) { 
if (input.files && input.files[0]) { 
    var reader = new FileReader(); 
    reader.onload = function(e) { 
     $('#blah').attr('src', e.target.result); 
    } 
    reader.readAsDataURL(input.files[0]); 
    } 
} 

Answer 1

Обратите внимание, что тот же вопрос, вы будете сталкиваться с IE9- (из соображений безопасности), Вы должны сделать входной файл как относительные с непрозрачностью нуля и размера шрифта, равной высоте абсолютного div.