Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何在单击按钮时查看图像?_Jquery - Fatal编程技术网

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”