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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
同时上传多张图片有很多个意思和多种处理方法：
第一：动态添加图片同步上传查看地址：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++;
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
