PHP多name值多文件上传

最新推荐文章于 2024-11-15 22:24:42 发布

风吹头凉

最新推荐文章于 2024-11-15 22:24:42 发布

阅读量143

点赞数 1

分类专栏： php多文件上传文章标签： php

本文链接：https://blog.csdn.net/qq_42239585/article/details/109722859

版权

php多文件上传专栏收录该内容

1 篇文章 0 订阅

订阅专栏

本文展示了如何使用PHP和前端Bootstrap框架实现多文件上传功能。前端通过JavaScript动态添加文件输入框，后端PHP通过遍历$_FILES数组处理多个文件，将上传的文件移动到指定路径，并将文件路径存储到数据库中。主要涉及的技术点包括前端交互、文件上传处理及数据库操作。

摘要由CSDN通过智能技术生成

PHP多name值多文件上传

前端使用的时bootstrap框架
后端使用php

前端页面效果展示

在这里插入图片描述

前端代码

<div class="form-group row col-md-12" style="border-bottom: 2px solid #eee;" id="allonm">
	<label  class="col-sm-6 col-form-label">附录1</label>
	<div class="input-group col-sm-6">
		<div class="col-sm-6">
			 <label for="objects_num_money">
	        	<span id="onmtext"></span> 
				<input type="file" id="objects_num_money" name="objects_num_money[]">
			</label> 
		</div>
		<div class="col-sm-6">
			<div style="" class="btn btn-primary" onclick="addonm()">
				<a style="color: #fff;text-decoration:none;">添加</a>
			</div>
		</div>
	</div>
</div>
<div class="form-group row col-md-12" style="border-bottom: 2px solid #eee;" id="allonm">
	<label  class="col-sm-6 col-form-label">附录2</label>
	<div class="input-group col-sm-6">
		<div class="col-sm-6">
			 <label for="org_city">
	        	<span id="octext"></span> 
				<input type="file" id="org_city" name="org_city[]">
			</label> 
		</div>
		<div class="col-sm-6">
			<div style="" class="btn btn-primary" onclick="addoc()">
				<a style="color: #fff;text-decoration:none;">添加</a>
			</div>
		</div>
	</div>
</div>

js代码

function addonm(){
		var str = ' <div class="col-sm-6"></div><div class="input-group col-sm-6"><div class="col-sm-6"><input type="file"  name="objects_num_money[]" style=""></div><div class="col-sm-6"><div style="" class="btn btn-primary" οnclick="deladd(this)"><a style="color: #fff;text-decoration:none;">删除</a></div></div> '
		$('#allonm').append(str)
	}
	function addco(){
		var str = ' <div class="col-sm-6"></div><div class="input-group col-sm-6"><div class="col-sm-6"><input type="file"  name="city_org[]" style=""></div><div class="col-sm-6"><div style="" class="btn btn-primary" οnclick="deladd(this)"><a style="color: #fff;text-decoration:none;">删除</a></div></div> '
		$('#allco').append(str)
	}

php代码

function test(){
	   $data = $_FILES;
	  
	   for ($i=0,$len=count($data['objects_num_money']['name']);$i<$len;$i++){
	    //遍历循环获取单个文件
		    $file=array(
		      	'name'=>$data['objects_num_money']['name'][$i],
		    	'type'=>$data['objects_num_money']['type'][$i],
		        'tmp_name'=>$data['objects_num_money']['tmp_name'][$i],
		        'error'=>$data['objects_num_money']['error'][$i],
		        'size'=>$data['objects_num_money']['size'][$i]
		    );
		    if ($file["error"] == 0) {
		    //单个文件移动
				  $imgname =$path.'/附件1-'.$file['name'];
			     $bol = move_uploaded_file($file["tmp_name"], $imgname);
			     //数组追加
			     array_push($onm, $imgname);
			}
		}
		//附录一的字符串文件储存路径
		$onm = implode(',', $onm);
		$co = array();
		for ($i=0,$len=count($data['city_org']['name']);$i<$len;$i++){
		    $file=array(
		      	'name'=>$data['city_org']['name'][$i],
		    	'type'=>$data['city_org']['type'][$i],
		        'tmp_name'=>$data['city_org']['tmp_name'][$i],
		        'error'=>$data['city_org']['error'][$i],
		        'size'=>$data['city_org']['size'][$i]
		    );
		    if ($file["error"] == 0) {
				 $imgname =$path.'/附件2-'.$file['name'];
			     $bol = move_uploaded_file($file["tmp_name"], $imgname);
			     array_push($co, $imgname);
			}
		}
		//附录二的字符串文件储存路径
		$co = implode(',', $co);
		$model = new test();
		//最后传到数据库
		$model->objects_num_money = $onm;
    	$model->city_org = $co;
    	$model->save();
  }