我想在上传之前显示图像预览,因为我正在使用下面给出的代码.
它适用于Firefox,但不适用于IE8
<%= image_tag @image,:id=>"preview-photo" %> <%= file_field 'image','photo',:onchange => "preview(this);" %> function preview(this) { document.getElementById("preview-photo").src = this.value; return; }
是否有任何解决方案来预览图像在IE8和其他浏览器?
解决方法
我使用
https://github.com/blueimp/jQuery-File-Upload文件上传.
在这个jQuery插件的规范中,您可以阅读:
Preview images can be loaded and displayed for local image files on browsers supporting the URL or FileReader interfaces.
IE8不兼容HTML5,因此与FileReader不兼容.你应该使用flash或者朋友来实现.
Firefox符合HTML5