欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

图片预览

程序员文章站 2022-03-04 18:59:40
...

function upImg(obj){  
    var imgFile = obj.files[0];  
    console.log(imgFile);  
    var img = new Image();  
    var fr = new FileReader();  
    fr.onload = function(){  
        var htmlStr = '<div class="upWrap">';  
        htmlStr += '<div class="fileWrap">';  
        htmlStr += '<input type="file" accept="image/gif,image/jpeg,image/jpg,image/png,image/svg" onchange="upImg(this)"/>';  
        htmlStr += '</div>';  
        htmlStr += '<div class="imgWrap upedImg"><span class="deleteImg">X</span>';  
        htmlStr += '<img src="'+fr.result+'" alt="" />';  
        htmlStr += '</div>';  
        htmlStr += '</div>';  
        $('.imgOnloadWrap').append(htmlStr);  
        obj.value = '';  
    }  
    fr.readAsDataURL(imgFile);  
}