html上传图片的预览功能实现

概述表单代码（仅取上传文件部分）： <input class="selectImg" style="position:absolute;opacity: 0;width:100px;height:100px;" type="file" name="coverChart" onchange="showImg(this)">   js代码： // 图片预览function showImg(obj) {

表单代码（仅取上传文件部分）：

<input class="selectimg" style="position:absolute;opacity: 0;wIDth:100px;height:100px;" type="file" name="coverChart" onchange="showimg(this)">

 

Js代码：

// 图片预览function showimg(obj) {    $(".doShow").CSS("background-image","url(‘" + getobjectURL(obj.files[0]) + "‘)");}// 不同浏览器获得图片urlfunction getobjectURL(file) {    var url = null;    if (window.createObjectURL != undefined) {        url = window.createObjectURL(file) ;    } else if (window.URL != undefined) {        url = window.URL.createObjectURL(file) ;    } else if (window.webkitURL != undefined) {        url = window.webkitURL.createObjectURL(file) ;    }    return url;}

 

参考链接：https://blog.csdn.net/man_zuo/article/details/83115212

总结

以上是内存溢出为你收集整理的html上传图片的预览功能实现全部内容，希望文章能够帮你解决html上传图片的预览功能实现所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。