jquery 动态添加一个上传域

最新推荐文章于 2021-06-04 21:06:36 发布

原创最新推荐文章于 2021-06-04 21:06:36 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一个使用JavaScript实现的动态添加文件上传按钮的方法。通过点击“添加文件”按钮，可以在页面上增加新的文件输入框，便于用户上传多个文件。该功能适用于需要用户多次上传文件的网页应用。

function addComponent(){
		var pics= document.getElementById("pics");
		var add=$("<input type=\"file\" name=\"upload\"/><br/>");
		add.appendTo(pics);
	}

动态添加一个上传文件

<div>
	        	<label>图片:</label>
	        	 <span id="pics">
			        	<input  type='file' name='upload' />
			        	<input type="button" onclick="addComponent();" value="添加文件" /> <br/>
	        	</span>
	        </div>