转<几种js实现的动态多文件上传>
发布网友
发布时间：2022-04-26 06:03
共1个回答
热心网友
时间：2022-04-26 07:33
html<p<ahref='#'onclick='javascript:viewnone(more1)'添加附件</a<divid='more1'style='display:none'<inputtype="file"name="attach1"size="50"javascript:viewnone(more2)</span</div<divid='more2'style='display:none'<inputtype="file"name="attach2"size="50"'</div</pjs<SCRIPTlanguage="javascript"functionviewnone(e){
e.style.display=(e.style.display=="none")?"":"none";}</script
方式二:这种方式的动态多文件上传是实现了的，很简单的，不说废话看codehtml<inputtype="button"name="button"value="添加附件"onclick="addInput()"<inputtype="button"name="button"value="删除附件"onclick="deleteInput()"<spanid="upload"</spanjs<scripttype="text/javascript"varattachname="attach";vari=1;functionaddInput(){if(i0){varattach=attachname+i;if(createInput(attach))i=i+1;}}functiondeleteInput(){if(i1){i=i-1;if(!removeInput())i=i+1;}}functioncreateInput(nm){varaElement=document.createElement("input");aElement.name=nm;aElement.id=nm;aElement.type="file";aElement.size="50";//aElement.value="thanks";//aElement.on
click=Function("asdf()");if(document.getElementById("upload"
).appendChild(aElement)==null)returnfalse;returntrue;}functionremoveInput(nm){varaElement=document.getElementById("upload");if(aElement.removeChild(aElement.lastChild)==null)returnfalse;returntrue;}</script
方式三：动态多文件上传，只是在oFileInput.click();这个地方，这样做就不能上传这个文件了，因为发现它在上传之时就把这个input中的文件置空了。很可能是为了安全着想吧！
另外还有一点就是说，click()只有在ie中才能正常运行。
虽说这种方式最终没能实现上传，但还是留下来参考，看看是否有人可以真正实现上传。
