Javascript 如何根据上传的文件类型设置背景图像

我正在尝试进行输入文件预览。如果单击标签，图像预览应设置为标签的背景图像。到目前为止，我可以让它工作。现在，如果上传的文件是pdf（例如），我想将标签的背景图像设置为pdf徽标图像

我有单独执行的代码，但不能与if语句一起执行

$（“#boleto”）。关于（“更改”，函数（）{
//这是用于图像预览的
var reader=new FileReader（）；
reader.onload=函数（e）{
$（“#previewboleto”）.css({
“背景图像”：“url（“+e.target.result+”），
“背景位置”：“中心”，
“背景大小”：“100%”
});
};
reader.readAsDataURL（this.files[0]）；
//
//此代码应将背景设置为PDF徽标IMG
Object.values（this.files）.forEach（函数（文件）{
log（`Type:${file.Type}`）；
如果（file.type=='application/pdf'）{//如果上载的文件是pdf。。。
Object.values（this.files）.forEach（函数（文件）{
log（`Type:${file.Type}`）；
如果（file.type=='application/pdf'）{
$（“#previewboleto”）.css({
“背景图像”：“url（”https://www.google.com/url?sa=i&url=https%3A%2F%2Fes.wikipedia.org%2Fwiki%2FArchivo%3APDF_file_icon.svg&psig=AOvVaw0fAUI2NwxolUUCjOI_Gyxv&ust=1601173071562000&source=images&cd=vfe&ved=0CAIQjRxqFwoTCIDTndTghewCFQAAAAAdAAAAABAQ")',
“背景位置”：“中心”，
“背景重复”：“不重复”
});
}
})
}否则{
//如果上传的文件是图像。。。
}
});
});
.inputs输入[type=“file”]{
显示：无
}
拉贝尔博莱托先生，
拉贝尔德尼先生{
宽度：100%；
高度：190px；
背景颜色：灰色；
盒影：0px 2px 11px rgba（0,0,0,0.0582113）；
边界半径：6px；
显示器：flex；
证明内容：中心；
对齐项目：居中；
光标：指针；
}