Javascript 选项卡内容文件图像预览脚本不工作

图像预览功能在第一个选项卡上正常工作，为什么在其他选项卡上不工作，我正在通过单击选项卡重新加载图像预览功能，我在网上找不到解决此问题的示例。
有什么想法吗

jQuery UI选项卡-默认功能
$（函数（）{
$（“#制表符”）.tabs（）；
} );
函数PreviewImage（）{
变量计数=$（'.tab content'）。数据（'id'）；
var preview=document.getElementById（'uploadPreview'+count）；
var file=document.getElementById（'uploadImage_u'+count）.files[0]；
var reader=new FileReader（）；
reader.addEventListener（“加载”，函数（）{
preview.src=reader.result；
}，假）；
如果（文件）{
reader.readAsDataURL（文件）；
}
};
$（文档）。在（'单击'，'选项卡'）上，函数（e）{
预览图像（）；
e、 预防默认值（）；
});

现在它正在工作

我认为仅仅通过查看代码就有意义了

但您可以看到，我们需要传递上下文来预览图像

$（函数（）{
$（“#制表符”）.tabs（）；
});
函数预览图像（选项卡）{
var preview=tab.parentNode.querySelector（'img'）；
var file=tab.files[0]；
var reader=new FileReader（）；
reader.addEventListener（“加载”，函数（）{
preview.src=reader.result；
}，假）；
如果（文件）{
reader.readAsDataURL（文件）；
}
};
文件。添加的文件列表器（'change'，（e）=>{
如果（e.target.matches（'input[type=“file”]”）匹配）{
console.log（如target）；
预览图像（如目标）；
}
});





Redmaster建议您编辑问题，以获得最终的HTML呈现。不是php服务器端。从那里人们可以帮助。我已经编辑过了，它合适吗？瑞德，运行你的代码，从网络浏览器复制HTML。或者你真的遇到了PHP问题？我认为函数有问题。@Bibberty你有什么想法吗？非常感谢，它很有效。剧本不好，我想我应该选这门课。