Jquery 如何在单击按钮时查看图像?
如何通过单击“附近”按钮查看图像文件?这里输入类型文件是动态创建的 观点Jquery 如何在单击按钮时查看图像?,jquery,Jquery,如何通过单击“附近”按钮查看图像文件?这里输入类型文件是动态创建的 观点 $(文档)。在(“单击”上,“#idImgView”,函数(){ var idProjectTitle=document.getElementsByClassName(“idProjectTitle”); }); 项目照片 浏览 删除 看法 浏览 删除 看法 因为您使用的是jQuery,所以您可以使用以下选择器来获取具有idProjectTitle类的所有元素: var idProjectTitle = $('.idP
$(文档)。在(“单击”上,“#idImgView”,函数(){
var idProjectTitle=document.getElementsByClassName(“idProjectTitle”);
});代码>
项目照片
浏览
删除
看法
浏览
删除
看法
因为您使用的是jQuery,所以您可以使用以下选择器来获取具有idProjectTitle
类的所有元素:
var idProjectTitle = $('.idProjectTitle');
注意:id
在同一文档中应该是唯一的,因此尝试用公共类或递增标识符替换idImgDelete
希望这会有所帮助。您可以使用DOM遍历方法来定位所需的元素。用于遍历到公共父级,然后用于定位元素
注意标识符必须是唯一的,以下是代码片段。在这里,代码段用于获取DOM元素的引用
$(document).on(“click”、“.idImgView”,function()){
var sourceElement=$(this).closest(“.file uploader”).find(“.idProjectTitle”).get(0);
var target=$(this).closest(“.file uploader”).find(“.imagedisplay”).get(0);
var reader=new FileReader();
reader.onload=函数(e){
target.src=e.target.result;
}
reader.readAsDataURL(sourceElement.files[0]);
console.log(sourceElement.files)
});代码>
浏览
看法
标识符必须是唯一的,您的HTML无效此处fileUpload正在动态创建一个,如fileUpload列表。是的,现在正在获取所有fileUpload详细信息,从那里我如何识别相应的查看按钮单击的图像路径,然后显示图像:现在。。。值:“C:\fakepath\download.jpg”