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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了如何在使用JavaScript或jquery上传之前预览图像？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含861字，纯文字阅读大概需要2分钟。

内容图文

我只需要显示用户在上传之前选择的图像(浏览).为此,我使用以下代码：

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

<img id="prevImage"  src=""  alt="" width="313" height="315" />
<input name="photo1" id="photo1" type="file" onchange="setImage(this);"  value="" class="input" size="17"/>

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

因此,请告诉我有关此问题的任何解决方案？

我已经尝试过此网站上提供的其他解决方案,但它们也不能在所有主流浏览器上使用.

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

解决方法:

我找到了另一个stack post的完整解决方案,而here是解决方案.

内容总结

以上是互联网集市为您收集整理的如何在使用JavaScript或jquery上传之前预览图像？全部内容，希望文章能够帮你解决如何在使用JavaScript或jquery上传之前预览图像？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端