文件上传按钮在Safari中不起作用

Question

我的页面中有文件上传字段。它在chrome和firefox上工作正常，但在safari中它无效。

代码：

  <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的高度。