2011-07-19 172 views
3

您好,我正在寻找一个基于Javascript或jQuery的解决方案来显示SELECTED图像的图像预览,而不是上传的图像。因此,只要用户选择图像,就会显示该图像的预览。 我没有任何代码,我在这里很迷路。 我需要一个HTML + Javascript或基于jQuery的解决方案。 如果需要,我也可以使用一些PHP将图像预览上传到服务器之前显示图像预览

+2

[如何通过JavaScript上传前上传预览图像(http://stackoverflow.com/questions/4094012/how-to-upload-preview-image-before-upload-through-javascript) 这应该能够帮助你。 –

回答

5

要做到这一点,您需要使用HTML5 File API。除IE9外,几乎所有最新的浏览器都支持此功能。 Safari 5.1支持此功能,但仍处于测试阶段。您可以检查HTML5 File API浏览器兼容性here

有很多关于使用HTML5 File API显示预览的教程,如thisthis

如果您需要更多,您可以通过googling找到更多信息。您可能需要使用Progressive enhacement