图片上传后进行查看

//当file改变的时候，将img的src改为修改后的值
    $(".file").change(function(){
        f=document.querySelector('.file').files[0];
        var reads=new FileReader();
        reads.readAsDataURL(f);
        reads.onload=function(e){
            $(".imgs")[0].src=this.result;
        }
    })

//点击button来点击input:file
    $(".btnimg,.btnimg2").eq(0).click(function(){
        $(".file,.file2").click()
    })

css样式：

.file {
    opacity: 0;
   
}
//按钮样式
.btnimg {
    background-color: #288cdd;
    border: none;
    width: 164px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #e7e7e7;
    border-radius: 20px;
    cursor: pointer;
}

标签：function,查看,color,btnimg,height,reads,file,上传,图片
来源： https://www.cnblogs.com/zhangxingweb/p/15942634.html