碰到一个项目,有一个比较繁琐的功能6个ajax上传,基本上每个上传逻辑多不一样,记录一下

thinkphp的view页面:

id方便找到这个元素 name一定要加 [ ]

<div class="btns">
  <a href="javascript:;" class="a-upload">
    <input type="file" id="fileaq" name="fileaq[]" data-filesType="words" class="uploadInput" multiple="multiple" />
    <i class="iconfont icon-shangchuan"></i>上传附件
  </a>
  <a href="javascript:void(0)" class="submit" id="aq_sub">发布</a>
</div>

点击发布先判定一下,然后在把需要的参数传递给doUploadFiles函数

    //发布案情

        $('#aq_sub').click(function() {
var guanxi = 'many_one';
var type_file = 'file';
var type_name = 'fileaq';
var anqing = $('#anqing').val();
if ($.trim(anqing).length == 0) {
layer.alert('请输入内容!\n');
$('#anqing').focus();
return false;
} else {
var cate_id = 3;
doUploadFiles(cate_id, type_file, type_name, guanxi, anqing);
}
})

参数说明

cate_id:多个上传的识别id

type_file: 判断是图片还是文件上传(nofiley:有的文件不需要上传)

type_name:上传文件的id

guanxi:关系  项目需要 参数分为many_one,many_many,one_one(多个用户每人一条数据,多个用户每人多条数据,多个用户一人一条数据)

content:内容

function doUploadFiles(cate_id, type_file, type_name, guanxi, content) {
var guanxi = arguments[3] ? arguments[3] : 'many_one'; //设置关系
var formData = new FormData();
var fangchan_id = $('#fangchan_id').val();
formData.append("fangchan_id", fangchan_id);
formData.append("cate_id", cate_id);
formData.append("guanxi", guanxi);
formData.append("content", content);
if(type_file !='nofile'){
formData.append("type_file", type_file);
formData.append("file_length", $("#"+type_name)[0].files.length);
for(var i=0; i<$("#"+type_name)[0].files.length;i++){
formData.append('file[]',$("#"+type_name)[0].files[i]);
}
} $.ajax({
url: '/Property/jindiaoHandle',
type: 'POST',
data: formData,
dataType: "json",
async: false,
cache: false,
contentType: false,
processData: false,
success: function(data) {
console.log('上传:',data)
if (data.status == 200) {
layer.msg(data.msg, { icon: 1 });
window.location.reload();
} else {
layer.msg(data.msg, { icon: 1 });
return false;
} } }); }

php代码比较长

/**
* 提交房源尽调
*/
public function jindiaoHandle()
{
$user_id = session('user_id');
$fangchan_id = I('post.fangchan_id');
$cate_id = I('post.cate_id');
$cate_arr = array('6','7','8');
$content = I('post.content');
$type_file = I('post.type_file');
$file_length = I('post.file_length'); //判断是否上传文件
//many_one 多个用户存在一条 many_many 多个用户存在多条 one_one 只能催在一条数据
$guanxi = I('post.guanxi');
$guanxi?$guanxi:'many_one';
$content?$content:'0';
if(empty($user_id)){
$ret = ['status' => '1001', 'msg' => '请先登录!'.$user_id, 'data' => ''];
$this->ajaxReturn($ret, 'json');
}else{
$level = M('users')->where(['user_id' => $user_id])->getField('level');
//判断是不是法拍经理
if ($level != 2) {
$ret = ['status' => '1002', 'msg' => '您没有权限填写!', 'data' => ''];
$this->ajaxReturn($ret);
}
}
if(empty($fangchan_id))
{
$ret = ['status' => '1003', 'msg' => '找不到此房源!', 'data' => ''];
$this->ajaxReturn($ret);
}
if(empty($cate_id))
{
$ret = ['status' => '1004', 'msg' => '找不到此尽调类型!', 'data' => ''];
$this->ajaxReturn($ret);
}
if(empty($content))
{
$ret = ['status' => '1005', 'msg' => '内容不能为空!', 'data' => ''];
$this->ajaxReturn($ret); } $fc_user_id = M('fangchan')->where(['fangchan_id' => $fangchan_id])->getField('user_id');
//判断是不是该房产的法拍经理
if ($fc_user_id == $user_id) {
$data = [
'fangchan_id' => $fangchan_id,
'user_id' => $user_id,
'cate_id' => $cate_id,
'content' => $content,
'res_num' => $file_length,
'add_time' => time(),
'is_user' => 1,
'is_show' => '1',
];
} else {
if(!in_array($cate_id,$cate_arr))
{
$fc_add_time = M('fangchan')->where(['fangchan_id' => $fangchan_id])->getField('add_time'); //获取添加时间
if ((time() - $fc_add_time) < (12 * 60 * 60)) {
$arr = ['status' => '1006', 'msg' => '请于24小时候后来发布!', 'data' => ''];
$this->ajaxReturn($arr, 'json');
}
}
$data = [
'fangchan_id' => $fangchan_id,
'user_id' => $user_id,
'cate_id' => $cate_id,
'content' => $content,
'res_num' => $file_length,
'add_time' => time(),
'is_user' => 0,
'is_show' => '1',
];
} if($guanxi=='many_one')
{
$fc_jindiao_data = M('fangchan_jindiao')
->where(['fangchan_id'=>$fangchan_id,'user_id'=>$user_id,'cate_id'=>$cate_id])
->getField('jindiao_id');
//判断房产尽调是修改还是添加
if($fc_jindiao_data){
$res_edit = M('fangchan_jindiao')->where('jindiao_id='.$fc_jindiao_data)->save($data);
}else{
$res_add = M('fangchan_jindiao')->add($data);
}
}elseif($guanxi=='one_one')
{
$fc_jindiao_data = M('fangchan_jindiao')
->where(['fangchan_id'=>$fangchan_id,'cate_id'=>$cate_id])
->getField('jindiao_id');
//判断房产尽调是修改还是添加
if($fc_jindiao_data){
$res_edit = M('fangchan_jindiao')->where('jindiao_id='.$fc_jindiao_data)->save($data);
}else{
$res_add = M('fangchan_jindiao')->add($data);
}
}elseif($guanxi=='many_many')
{
$res_add = M('fangchan_jindiao')->add($data);
} //判断是否有文件
if(!empty($file_length) || $file_length!=0)
{
$result = self::uploadFile($type_file);
if($result['status'] == -1){
exit(json_encode(array("status"=>-1,"msg"=>$result['msg'],'result'=>'')));
} $add_time = time();
if(!empty($res_edit))
{
$where=array('user_id' => $user_id,'fangchan_id' => $fangchan_id,'cate_id'=> $cate_id);
$r_info = M('fangchan_jindiao')->where($where)
->getField('jindiao_id'); if($r_info)
{
foreach ($result['result'] as $v)
{
if($type_file=='file')
{
$data=array('user_id' => $user_id,'fangchan_id' => $fangchan_id,'cate_id'=> $cate_id,'add_time'=> $add_time,'jindiao_id'=> $r_info,'file'=>$v);
$ziyuan_info = M("fangchan_jdresources")->data($data)->add();
}elseif($type_file=='image')
{
$data=array('user_id' => $user_id,'fangchan_id' => $fangchan_id,'cate_id'=> $cate_id,'add_time'=> $add_time,'jindiao_id'=> $r_info,'images'=>$v);
$ziyuan_info = M("fangchan_jdresources")->data($data)->add();
} } if($ziyuan_info)
{
$ret =[
'status'=>200,
'msg'=>'上传成功',
'data'=> $data
];
}else{
$ret =[
'status'=>1009,
'msg'=>'上传资源失败',
'data'=> ''
];
}
}else{
$ret =[
'status'=>1008,
'msg'=>'上传资源失败',
'data'=> ''
];
}
}elseif(!empty($res_add))
{
foreach ($result['result'] as $v)
{
if($type_file=='file')
{
$data=array('user_id' => $user_id,'fangchan_id' => $fangchan_id,'cate_id'=> $cate_id,'add_time'=> $add_time,'jindiao_id'=> $res_add,'file'=>$v);
$ziyuan_info = M("fangchan_jdresources")->data($data)->add();
}elseif($type_file=='image')
{
$data=array('user_id' => $user_id,'fangchan_id' => $fangchan_id,'cate_id'=> $cate_id,'add_time'=> $add_time,'jindiao_id'=> $res_add,'images'=>$v);
$ziyuan_info = M("fangchan_jdresources")->data($data)->add();
} }
if($ziyuan_info)
{
$ret =[
'status'=>200,
'msg'=>'上传成功',
'data'=> $data
];
}else{
$ret =[
'status'=>1010,
'msg'=>'上传资源失败',
'data'=> ''
];
}
}else{
$ret =[
'status'=>1011,
'msg'=>'上传资源失败',
'data'=> ''
];
}
}elseif(empty($res_add) && empty($res_edit)){
$ret =[
'status'=>1007,
'msg'=>'上传失败',
'data'=> ''
];
}else{
$ret =[
'status'=>200,
'msg'=>'上传成功',
'data'=> ''
];
}
$this->ajaxReturn($ret);
} /* *多图上传 */
public function uploadFile($type='file'){ if($type=='file')
{
$type_info = array('doc', 'docx', 'xls', 'xlsx','zip','rar');
$type_path = '/Public/upload/jidiao/files/';
}elseif($type=='image'){
$type_info = array('jpg', 'gif', 'png', 'jpeg');
$type_path = '/Public/upload/jidiao/images/';
}
$upload = new \Think\Upload();// 实例化上传类
$upload->maxSize = 1 * 1024 * 1024;// 设置附件上传大小
$upload->exts = $type_info;// 设置附件上传类型
$upload->rootPath = '.'.$type_path; // 设置附件上传根目录
$upload->savePath = ''; // 设置附件上传(子)目录
$upload->subName = array('date','Y/m-d');
//上传文件
$info = $upload->upload();
$picurl = array();
if(!$info) {// 上传错误提示错误信息
return array('status'=>-1,'msg'=>$upload->getError(),'result'=>'');
}else{// 上传成功 获取上传文件信息
foreach($info as $file){
$picurl[] = $type_path.$file['savepath'].$file['savename'];
}
return array("status"=>1,"msg"=>'上传成功','result'=>$picurl); } }
doUploadFiles

thinkphp 下多图ajax上传图片的更多相关文章

  1. thinkphp下实现ajax无刷新分页

    1.前言 作为一名php程序员,我们开发网站主要就是为了客户从客户端进行体验,在这里,thinkphp框架自带的分页类是每次翻页都要刷新一下整个页面,这种翻页的用户体验显然是不太理想的,我们希望每次翻 ...

  2. Ajax上传图片以及上传之前先预览

    手头上有几个小项目用到了easyUI,一开始决定使用easyUI就注定了项目整体上前后端分离,基本上所有的请求都采用Ajax来完成.在文件上传的时候用到了Ajax上传文件,以及图片在上传之前的预览效果 ...

  3. thinkphp下通过页面链接传递的参数获取一次后失效

    在thinkphp下通过页面链接传递的参数获取一次后失效,ajax内部无法再次使用.想要使用必须再次用js获取其值,通过ajax传递给后台使用. 1.通过页面链接传递参数给下一页 2.可以再下一页后台 ...

  4. ajaxfileUpload ajax 上传图片使用

    前台html: <div class="b-mg15 img-text" room_id="<?= $items['id'] ?>"> ...

  5. jquery下php与ajax的互传数据(json格式)自我总结

    研究了一整天的json数据与ajax的数据传输,现在进行一个小的自我总结,仅供参考 1.关于ajax的认识 $.ajax(),是jquery下包装好的一个函数:参考地址:http://www.w3sc ...

  6. ajax上传图片

    选择文件后 ajax上传图片到后台,后台执行保存操作,返回上传的图片路径,显示到页面 需要引入ajaxfileupload.js js代码 <script type="text/jav ...

  7. 使用ajax上传图片,支持图片即时浏览,支持js图片压缩后上传给服务器

    使用ajax上传图片,支持图片即时浏览,支持js图片压缩后上传给服务器 ajax上传主要使用了 var reader = new FileReader() 此方法 js图片压缩主要是利用canvas进 ...

  8. asp.net core 通过ajax上传图片及wangEditor图片上传

    asp.net core 通过ajax上传图片 .net core前端代码,因为是通过ajax调用,首先要保证ajax能调用后台代码,具体参见上一篇.net core 使用ajax调用后台代码. 前端 ...

  9. vuejs使用FormData对象,ajax上传图片文件

    我相信很多使用vuejs的朋友,都有采用ajax上传图片的需求,因为前后端分离后,我们希望都能用ajax来解决数据问题,传统的表单提交会导致提交成功后页面跳转,而使用ajax能够无刷新上传图片等文件. ...

随机推荐

  1. Scrum之初体验

    一.前言 入职两个月,作为新人,没有参加过一次早晨的scrum会议. 最大的感触就是,有一天中午,带我的开发哥哥突然说产品今天下午提测,我突然就懵了. 这算是我体会的最大的团队中人没有参加scrum, ...

  2. 微信小程序问题总结

    1.navigator不能跳转到tabBar所包含的页面 例如: tabbar包含center页面,不包含page1页面,使用如下跳转: <navigator url='../center/ce ...

  3. Android基础Activity篇——创建一个活动(Activity)

    1.创建活动 首先用AS创建一个add no activity项目名使用ActivityTest,包名为默认的com.example.activitytest 2.右击app.java.com.exa ...

  4. 2017年Nature文章“Millions of online book co-purchases reveal partisan differences in the consumption of science”阅读笔记

    论文:      Millions of online book co-purchases reveal partisan differences in the consumption of scie ...

  5. VB6.0环境下的CATIA二次开发简介

    CATIA作为CAD/CAE/CAM/PDM一体化的软件,广泛用于航空航天.汽车.船舶及电子工业,尤其在航空航天业,有八成以上厂商使用CATIA的市场[11].然而由于使用习惯和使用的侧重点不用,功能 ...

  6. TinkPHP去重统计查询

    当统计一个有重复的字段可以用这个方法 $count = $model->where($map)->count('distinct(id)'); 转自 http://www.thinkphp ...

  7. android中View点击和触摸事件的处理

    android中的事件类型分为按键事件和屏幕触摸事件,Touch事件是屏幕触摸事件的基础事件,有必要对它进行深入的了解. 一个最简单的屏幕触摸动作触发了一系列Touch事件:ACTION_DOWN-& ...

  8. Android 位置服务

    原文来自:http://developer.android.com/guide/topics/location/strategies.html 位置策略 注意: 本指南仅限android.locati ...

  9. JZ2440学习笔记之通过J-Link单步裸机程序(Keil+J-Link)

    我们还是使用JZ2440学习笔记之第一个裸机程序(Keil-MDK)里面的程序,但是把延时拿掉,要不然单步的时候一直在delay里面: int main(void) { // Set GPF4/5/6 ...

  10. [18/11/22] 将点分十进制的IP地址化成二进制输出

    #include <stdio.h> void binary(int d){ ,j,n,b[]={}; ){ n=d%; d=d/; b[i++]=n; //不停的除2,余数保存在b[8] ...