多图上传预览代码

最新推荐文章于 2022-05-15 00:57:21 发布

王冠景

最新推荐文章于 2022-05-15 00:57:21 发布

阅读量299

点赞数

分类专栏：前段开发 js-jquery 文章标签：图片预览

本文链接：https://blog.csdn.net/weixin_39282894/article/details/78124971

版权

前段开发同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

js-jquery

1 篇文章 0 订阅

订阅专栏

function getObjectURL(file) {
    var url = null ; 
    if (window.createObjectURL!=undefined) { // basic
        url = window.createObjectURL(file) ;
    } else if (window.URL!=undefined) { // mozilla(firefox)
        url = window.URL.createObjectURL(file) ;
    } else if (window.webkitURL!=undefined) { // webkit or chrome
        url = window.webkitURL.createObjectURL(file) ;
    }
    return url ;
}
document.getElementById('Jbtn').onchange = function() {
    var fileList = this.files;
    for (var i = 0; i < fileList.length; i++) {  
        var strsrc=getObjectURL(fileList[i]);
        $("#show_img").append("<img src='"+strsrc+"'>");
    }
}