点击查看效果
点击进入下载
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<title>动态添加图片</title>
<script type="text/javascript">
function addimg() {
//包含所有文件域的DIV
var div = document.getElementById('imgs');
//文件域
var input = document.createElement("input");
input.name = "img[]";
input.type = 'file';
//添加
div.appendChild(input);
//删除按钮
var button = document.createElement("a");
button.href = "javascript:;";
button.innerHTML = '删除';
div.appendChild(button);
//换行
var br = document.createElement("br");
div.appendChild(br);
//在按钮上增加删除的事件
button.onclick = function() {
input.parentNode.removeChild(input);
this.parentNode.removeChild(this);
br.parentNode.removeChild(br);
}
}
</script>
</head>
<body>
<form method="POST" enctype="multipart/form-data" action="upload.php">
请选择图片：
<div id="imgs">
<input type="file" name="img[]" />
<br/>
</div>
<input type="button" οnclick="addimg()" value="增加" />
</form>
</body>
</html>
3665
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
