element上传多图到服务器
时间: 2023-08-16 07:08:18 浏览: 50
要实现上传多张图片到服务器,可以使用以下步骤:
1. 在 HTML 中添加 input 标签,设置 type 属性为 file,multiple 属性为 true,可以实现多文件上传。
```
<input type="file" name="images[]" multiple>
```
2. 在后端获取上传的文件,可以使用 $_FILES 变量来获取上传的文件信息。使用 foreach 循环遍历上传的每个文件,并使用 move_uploaded_file 函数将其移动到指定的目录。
```
if(isset($_FILES['images'])){
$errors= array();
foreach($_FILES['images']['tmp_name'] as $key => $tmp_name ){
$file_name = $key.$_FILES['images']['name'][$key];
$file_size =$_FILES['images']['size'][$key];
$file_tmp =$_FILES['images']['tmp_name'][$key];
$file_type=$_FILES['images']['type'][$key];
if($file_size > 2097152){
$errors[]='File size must be less than 2 MB';
}
$desired_dir="uploads";
if(empty($errors)==true){
if(is_dir($desired_dir)==false){
mkdir("$desired_dir", 0700);
}
if(is_dir("$desired_dir/".$file_name)==false){
move_uploaded_file($file_tmp,"$desired_dir/".$file_name);
}else{
$new_dir="$desired_dir/".$file_name.time();
rename($file_tmp,$new_dir) ;
}
}else{
print_r($errors);
}
}
}
```
3. 在 PHP 中,可以使用 $_FILES['images']['name'] 数组来获取上传的文件名,使用 $_FILES['images']['tmp_name'] 数组来获取上传的临时文件名,使用 $_FILES['images']['size'] 数组来获取上传文件的大小,使用 $_FILES['images']['type'] 数组来获取上传文件的 MIME 类型。
4. 最后,可以将上传的文件保存到指定的目录中,例如 uploads 目录。如果目录不存在,可以使用 mkdir 函数来创建目录。
注意:在实际使用中,需要对上传的文件进行安全检查,避免上传恶意文件,例如:限制文件类型、文件大小,避免文件名中包含特殊字符等。
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)