图像预览无法在Safari中使用

时间:2013-12-07 07:49:56

标签: javascript jquery html safari cross-browser

我在使用以下代码在客户端上预览图像,然后再将其上传到服务器,在Chrome中运行但在Safari中无法运行。为什么呢?

的JavaScript。

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

HTML。

<img src="" id="imagePreview" alt="Preview Image" width="40px" height="40" style="border:none !important; border-width:0px !important;"/> 
  <input type="file" name="imageUpload" id="imageUpload"/> 
<label for="imageUpload" id="UploadImage1Label" >Upload image</label>

感谢。

1 个答案:

答案 0 :(得分:0)

我认为您的浏览器不支持FileReader API。你应该检查safari版本。这是链接,您可以参考它:http://caniuse.com/filereader。 它受版本6.0支持。