Javascript 使用上载按钮上载图像

Javascript 使用上载按钮上载图像,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个上传按钮,允许用户只上传一个图像,它将显示在一个div中。 上传图像后,如果用户点击图像,我想在弹出窗口中显示图像。请帮助我如何实现这一点。试试这段代码 函数readURLinput{ 如果输入.files&&input.files[0]{ var reader=新文件读取器; reader.onload=函数e{ $'blah'.attr'src',e.target.result; } reader.readAsDataURLinput.files[0]; } } $imgInp.c

我有一个上传按钮,允许用户只上传一个图像,它将显示在一个div中。 上传图像后,如果用户点击图像,我想在弹出窗口中显示图像。请帮助我如何实现这一点。

试试这段代码

函数readURLinput{ 如果输入.files&&input.files[0]{ var reader=新文件读取器; reader.onload=函数e{ $'blah'.attr'src',e.target.result; } reader.readAsDataURLinput.files[0]; } } $imgInp.changefunction{ 读懂这一点; }; var modal=document.getElementById'myModal'; $blah.clickfunction{ modal.style.display=块; $'.img'.htmlthis; }; var span=document.getElementsByClassNameclose[0]; span.onclick=函数{ modal.style.display=无; } /*情态背景*/ .莫代尔{ 显示:无; /*默认情况下隐藏*/ 位置:固定; /*原地不动*/ z指数:1; /*坐在上面*/ 左:0; 排名:0; 宽度:100%; /*全宽*/ 身高:100%; /*全高*/ 溢出:自动; /*如果需要,启用滚动*/ 背景色:rgb0,0,0; /*退色*/ 背景色:rgba0,0,0,0.4; /*黑色w/不透明度*/ } /*模态内容/框*/ .模态内容{ 背景色:FEFE; 利润率:15%; /*从顶部到中心的15%*/ 填充:20px; 边框:1px实心888; 宽度:50%; /*根据屏幕大小的不同,大小可能有所不同*/ } /*关闭按钮*/ .结束{ 颜色:aaa; 浮动:对; 字号:28px; 字体大小:粗体; } .关闭:悬停, .结束:聚焦{ 颜色:黑色; 文字装饰:无; 光标:指针; } &时代;
您的代码在哪里?请访问,查看和。做一些研究,搜索相关话题等;如果您遇到问题,请发布您的尝试,记录输入和预期输出。如果您遇到问题,请告知我们您是否有re服务器或客户端。如果是服务器端,请添加您使用的服务器进程-如PHP或类似程序谢谢,Dr.Strange它正在工作,您能在上传图像后让用户看到blah吗您尝试使用此@PDSSandeepif$imgInp.val!=空{$'blah'.cssdisplay,block;}