php 怎样实现同时上传多张图片
不是说一下同时显现出多个上传图片的文本域,是动态添加的那种形式,请问各路高手怎样实现!小女子不胜感激!!...
不是说一下同时显现出多个上传图片的文本域,是动态添加的那种形式,请问各路高手怎样实现!小女子不胜感激!!
展开
3个回答
展开全部
有详细的注释,不清楚直接CALL我
主要是利用了JS来控制文件域,增加或者删除来实现的。
<!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" onclick="addimg()" value="增加"/>
</form>
</body>
</html>
主要是利用了JS来控制文件域,增加或者删除来实现的。
<!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" onclick="addimg()" value="增加"/>
</form>
</body>
</html>
2015-09-29 · 知道合伙人软件行家
关注
展开全部
同时上传多张图片有很多个意思和多种处理方法:
第一:动态添加图片同步上传查看地址:http://zhidao.baidu.com/link?url=17-5llw1OeRxG42g-I6BqhTYiRrdNYRnfwiRMpNGu8IQNXuba_sbaqHNaf1WQhR_AiYRFrXNIJtoXFgAUkMs0_
第二:上传图片时可以一次选择多张图片:这个需要用flash;
第三:单个添加图片,异步上传,这个需要用到一些插件来实现,jquery.form.js jquery.js
第一:动态添加图片同步上传查看地址:http://zhidao.baidu.com/link?url=17-5llw1OeRxG42g-I6BqhTYiRrdNYRnfwiRMpNGu8IQNXuba_sbaqHNaf1WQhR_AiYRFrXNIJtoXFgAUkMs0_
第二:上传图片时可以一次选择多张图片:这个需要用flash;
第三:单个添加图片,异步上传,这个需要用到一些插件来实现,jquery.form.js jquery.js
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
可以用js 动态生成
var i=0;
function AddFile()
{
var file_txt=document.createElement("input");
file_txt.id="pic_"+i;
file_txt.type="file";
file_txt.name="pic_"+i;
document.body.appendChild(file_txt);
i++;
}
var i=0;
function AddFile()
{
var file_txt=document.createElement("input");
file_txt.id="pic_"+i;
file_txt.type="file";
file_txt.name="pic_"+i;
document.body.appendChild(file_txt);
i++;
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询