Question

我有图像选择器控件，用于在将图像上传到服务器后选择图像。我必须在同一页面中预览所选图像，这在所有浏览器中都能正常工作，但在safari中却没有（我的版本5.1.7）。这是我的代码。请提前帮助解决此问题。

jQuery('#image').on('change', function () 
{
  ext = jQuery(this).val().split('.').pop().toLowerCase();
  if (jQuery.inArray(ext, ['gif', 'png', 'jpg', 'jpeg']) == -1) {
   resetFormElement(jQuery(this));
   window.alert('Not an image!');
  }
  else
  {
    file = jQuery('#image').prop("files")[0];
    blobURL = window.URL.createObjectURL(file);
    jQuery('#image_preview img').attr('src', blobURL);
    jQuery('#image_preview').slideDown();
    jQuery(this).slideUp();
  }
});

Answer 1

你需要Safari 6

Browser compatibility

Chrome          Firefox (Gecko) IE      Opera           Safari (WebKit)
8 (webkitURL 23)    4.0 (2)     10      15 webkitURL    6 webkitURL

这是一种较老的做法，可能有所帮助

Image Upload with Preview and Delete

safari 5.1.7中未显示图像预览

1 个答案: