Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/365.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
Javascript 点击按钮显示上传的图像_Javascript_Jquery_Html - Fatal编程技术网

Javascript 点击按钮显示上传的图像

Javascript 点击按钮显示上传的图像,javascript,jquery,html,Javascript,Jquery,Html,点击按钮预览我需要上传的图像显示,脚本它的工作改变事件,但不是为点击一个罚款 HTML Jquery: $center2 forme previz.changefunction{ 如果这是真的{ 对于i=1;i尝试使用单个输入类型=具有多个属性集的文件元素,循环选择的文件对象,为用户选择的文件对象中的每个文件追加img元素 var previews=$previews; //追加单个、多个元素的“img”元素预览 //选定的“文件”到“预览”元素 $input[type=file].oncha

点击按钮预览我需要上传的图像显示,脚本它的工作改变事件,但不是为点击一个罚款

HTML

Jquery:

$center2 forme previz.changefunction{ 如果这是真的{ 对于i=1;i尝试使用单个输入类型=具有多个属性集的文件元素,循环选择的文件对象,为用户选择的文件对象中的每个文件追加img元素

var previews=$previews; //追加单个、多个元素的“img”元素预览 //选定的“文件”到“预览”元素 $input[type=file].onchange,函数E{ 预览。空; Array.prototype.slice.calle.target.files .forEachfunctionfile,idx{ var reader=新文件读取器; reader.onload=functionevent{ $, { html:+file.name }.添加 添加 $
center2,forme元素不在html中出现在OP?从$center2 forme previz.changefunction{事件处理程序未启动输入类型=文件元素的更改事件?@guest271314我没有包括所有div,事件正在工作,我无法仅在id=img1时获得该问题的答案?此外,尝试在var i=1时包括var?@guest271314我没有延迟。问题是我不知道如何选择所有上载的文件dataurl并将它们放入对于按钮单击时id正确的img元素,因为更改事件正在工作否。未制作,也不打算制作任何此类影射或评论以延迟?至少在这里,fwiw将直接使用简单的语言来表示此类语句;没有歧义。除此之外,不确定是否正确解释问题?for loop实际上是否为curr从输入元素中检索文件对象?在按钮上显示上载的图像单击否单击事件出现在问题处?是否可以创建stacksnippets,JSFIDLE来演示?
 <form action="test.php" enctype="multipart/form-data" id="mainform" method="post" name="mainform">
Imagine 1:<br>
 <input type="file" name="img1" id="img1"><br>
     <br><br>     
Imagine 2 :<br>
 <input type="file" name="img2" id="img2"><br>
     <br>
 Imagine 3 :<br>
 <input type="file" name="img3" id="img3"><br> 
     <br>
 Imagine 4 :<br>
 <input type="file" name="img4" id="img4"><br>    
     <br>
 Imagine 5 :<br>
 <input type="file" name="img5" id="img5"><br>   
     <br>
 Imagine 6 :<br>
 <input type="file" name="img6" id="img6"><br>   
     <br>
 Imagine 7 :<br>
 <input type="file" name="img7" id="img7"><br>    
     <br>
 Imagine 8 :<br>
 <input type="file" name="img8" id="img8"><br>    
     <br>
 Imagine 9 :<br>
 <input type="file" name="img9" id="img9"><br>   
     <br>
 Imagine 10 :<br>
 <input type="file" name="img10" id="img10"><br>    
     <br>
 Imagine 11 :<br>
 <input type="file" name="img11" id="img11"><br> 
     <br>
 Imagine 12 :<br>
 <input type="file" name="img12" id="img12"><br>    
     <br>
 Imagine 13 :<br>
 <input type="file" name="img13" id="img13"><br>    
     <br>
 Imagine 14 :<br>
 <input type="file" name="img14" id="img14"><br>     
     <br>
 Imagine 15 :<br>
 <input type="file" name="img15" id="img15"><br>    
     <br />
     Preview:
     <br />
     <input type="checkbox" id="previz" />Preview
</form>
<div id="#previzdiv">
<img src="" id="preview-img1">
<img src="" id="preview-img2">
<img src="" id="preview-img3">
<img src="" id="preview-img9">
<img src="" id="preview-img5">
</div>