PHP 多input file文件上传

前台html jquery代码 后台PHP处理

前台html



图片上传


** 注意name的写法,都要使用name[]方式,并且用同一个name
** 注意带有file的表单,form一定要加:enctype=”multipart/form-data”

jquery 提交form表单

$(#form).form('submit',{
  url:url,
  success:function(data){
    //处理返回数据
  }
});

PHP 后台处理

//接收处理文件
$fileArray = $_FILES['imagesUpload'];//根据请求的name获取文件
$upload_dir = public_path() . /upload/carPic/;
$userID = Session::get('userID');
$nowTime = date(YmdHis, time());
$i = 0;
$successName = array();
foreach ($fileArray['error'] as $key => $error){  //遍历处理文件
  if ( $error == UPLOAD_ERR_OK ) {
    $temp_name = $fileArray['tmp_name'][$key];
    $file_name = $userID.'-'.$nowTime.$i.$fileArray['name'][$key];
    move_uploaded_file($temp_name, $upload_dir.$file_name);
    array_push($successName, $file_name);//把上传成功的文件名称加入数组
  }else{
    return '{flag:0,flagmsg:上传[文件'.$key.']失败!
!}';
  }
  $i++;
}
$flag = array('flag'=>1,'flagmsg'=>'文件上传成功!');
$names = array('names'=>$successName);
return json_encode(
  array_merge($flag,$names)
);//返回上传结果,并返回上传成功后的所有文件的名称

PHP代码都很简单,就不一一解释了。欢迎指导!
 

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索form
, 文件
, flag
, name
, 处理
, 成功
, php多文件上传
, 后台PHP处理
, php上传失败
, php上传文件失败
前台上传图片
php input file 上传、input file多文件上传、input file 上传文件、input file的文件上传、php 文件上传 file,以便于您获取更多的相关知识。

时间: 2024-10-30 03:23:10

PHP 多input file文件上传的相关文章

Javascript美化input=file文件上传控件

[实例名称] JS实现文件上传一次性完成 [实例描述] 默认的HTML控件file可以实现文件的上传,但必须经过选择文件和单击上传按钮两个步骤.本例学习如何实现一步上传文件的操作. 例子  代码如下 复制代码 <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>标题页-学无忧(www.111cn.net)</title> </head> <body>

.NET的file文件上传控件使用方法 修改web.config文件上传大文件_实用技巧

修改Webcong文件: 以下为引用的内容: 复制代码 代码如下: <system.web> <httpRuntime maxRequestLength="40690" useFullyQualifiedRedirectUrl="true" executionTimeout="6000" useFullyQualifiedRedirectUrl="false" minFreeThreads="8&q

清空file文件上传域jquery与js方法

在IE下复制元素的时候,其中的值是不会被复制的,所以就达到了清空文件域的目的了.而在Firefox下,其中的值也会被一同复制,那么我们就顺便清空一下就做到兼容了.代码如下:  代码如下 复制代码 var file = $("#fileid");  file.after(file.clone().val(""));  file.remove(); jquery还有一种方法  代码如下 复制代码 var afile = $("#" + picName

纯css美化file文件上传控件方法

在项目开发过程中可能经常也会遇到file控件,但是这个控件比较另类,能够修改的属性不多,而且样式外观各个浏览器的表现也不一样.通常都是不建议模拟的,有时候产品很执着说为了统一风格还是希望要去模拟下,好吧,出发点都是好的,能做就做吧.也没想象的那么困难,只是觉得没太大的必要. 看到很多群里面有很多人问起过,很多人的解决方案都不怎么简洁,还用Js来控制了,很麻烦的说.后来我就想了下用把file空间透明度调到0的假象来达到模拟的效果,做发就是file控件用一个div包起来,然后这个div设置背景,背景

js 实现 input type=&amp;quot;file&amp;quot; 文件上传示例代码_javascript技巧

在开发中,文件上传必不可少,<input type="file" /> 是常用的上传标签,但是它长得又丑.浏览的字样不能换,我们一般会用让,<input type="file" />隐藏,点其他的标签(图片等)来时实现选择文件上传功能. 看代码: 复制代码 代码如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <he

from表单上传文件-type=&amp;amp;quot;file&amp;amp;quot;文件上传在IPhone上调用相机

问题描述 type="file"文件上传在IPhone上调用相机 <input type="file" class="input" name="file" id="inpitFile"/> 上传文件在IPhone中调用的是相机而不是选择文件 解决方案 最后的解决方案:允许上传图片 解决方案二: http://blog.csdn.net/l30961171/article/details/4635

JavaScript File分段上传_javascript技巧

HTML <form method="POST" name="form" action="/mupload/upload/" enctype="multipart/form-data"> <input type='hidden' name='csrfmiddlewaretoken' value='' /> <input id='file' type='file' name='file' oncha

Node.js模拟浏览器文件上传示例

 这篇文章主要介绍了Node.js模拟浏览器文件上传的实现代码,需要的朋友可以参考下 OSChina上发过了,那个也是我的,现在放到这来,哈哈     代码如下: var path=require("path");  var fs=require("fs");  var http=require("http");    //post值payload  var getfield=function(field, value) {  return 'C

Yii2使用自带的UploadedFile实现的文件上传_php实例

我们先来看看在yii2中支持的图片上传怎么进行处理的. 首先我们创建model\Upload.php文件 <?php namespace backend\models; use Yii; use yii\web\UploadedFile; class Upload extends \yii\db\ActiveRecord { /** * @var UploadedFile|Null file attribute */ public $file; /** * @return array the v