Javascript 点击按钮显示上传的图像
点击按钮预览我需要上传的图像显示,脚本它的工作改变事件,但不是为点击一个罚款 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 }.添加 添加 $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
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>