我在使用以下代码在客户端上预览图像,然后再将其上传到服务器,在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>
感谢。
答案 0 :(得分:0)
我认为您的浏览器不支持FileReader API。你应该检查safari版本。这是链接,您可以参考它:http://caniuse.com/filereader。 它受版本6.0支持。