如何在使用JavaScript或jquery上传之前预览图像?

我只需要在上传之前显示用户选择的图像(浏览)。 为此我使用此代码:

JS

function setImage(file) { if(document.all) document.getElementById('prevImage').src = file.value; else document.getElementById('prevImage').src = file.files.item(0).getAsDataURL(); if(document.getElementById('prevImage').src.length > 0) document.getElementById('prevImage').style.display = 'block'; } 

HTML

   

此代码在Safari,Firefox 3,4,5中正常工作,但在Google Chrome 12或更高版本以及IE 8,9中不起作用。

那么请告诉我有关这个问题的任何解决方案?

我已经尝试过在这个网站上给出的其他解决方案,但它们也不适用于所有主流浏览器。

如果您有此代码的解决方案或全新的代码,请告诉我。

我找到了另一个堆栈post的完整解决方案, 这是解决方案。

您现在也可以使用FileReader ,它是标准的Web API。