tp5 ajax 图片上传,tp5中图片上传接口

1:移动端页面:

2:表单：重点图片的uploadFile()事件

入库出错

订单编号

商品名称

拒接原因

请选择审批人

图片

提交

3:js里面请求接口:

$(function(){

$('#submit_btn').click(function(){

//alert(123);

mui.toast('添加审批成功');

setTimeout(function(){

window.location.href='./approve_sponsor.html';

},1000)

// var ordercode = $('#ordercode').val();//订单号

// var goodsname = $('#goodsname').val();//商品名称

// var reason = $('#reason').val();//异常原因

// var ui_gid = $('#ui_gid').val();//审批人

// if(!ordercode){

//      mui.toast('订单编号不能为空');

//      return;

//    }

//    if(!goodsname){

//      mui.toast('商品名称不能为空');

//      return;

//    }

//    if(!reason){

//      mui.toast('异常原因不能为空');

//      return;

//    }

//    if(!ui_gid){

//      mui.toast('审批人不能为空');

//      return;

//    }

//    var s_id=getCookie('s_id');

//       var time = getTime();

//    var sign = getSign([ordercode,goodsname,time]);

// $.ajax({

//           type: "POST",

//           url: api_url+"/power/addpowerelse",

//           data: {

//            time:time,

//            sign:sign,

//            ordercode:ordercode,

//            goodsname:goodsname,

//            reason:reason,

//            ui_gid:ui_gid,

//               s_id:s_id,

//          },

//           dataType: "json",

//           success: function(data){

//            //alert(data);

//            if(data.code == 1){

//      mui.toast(data.message);

//              setTimeout(function(){

//                window.location.href='./approve_sponsor.html';

//              },1000)

//            }else{

//              mui.toast(data.message);

//            }

//          }

//       });

});

})

//上传图片

function uploadFile()

{

$("#sp_image").click();

//alert(123456);

$("#sp_image").change(function () {

var sp_image = $(this)[0].files[0];

if (sp_image == null || sp_image == "") {

console.log('没有图片');

return false;

} else {

var formData = new FormData();

formData.append('sp_image', sp_image);

var ordercode = $('#ordercode').val();//订单号

var goodsname = $('#goodsname').val();//商品名称

var reason = $('#reason').val();//异常原因

var ui_gid = $('#ui_gid').val();//审批人

var s_id=getCookie('s_id');

var time = getTime();

var sign = getSign([s_id,time]);

if(!ordercode){

mui.toast('订单编号不能为空');

return;

}

if(!goodsname){

mui.toast('商品名称不能为空');

return;

}

if(!reason){

mui.toast('异常原因不能为空');

return;

}

if(!ui_gid){

mui.toast('审批人不能为空');

return;

}

formData.append('ordercode', ordercode);

formData.append('goodsname', goodsname);

formData.append('reason', reason);

formData.append('ui_gid', ui_gid);

formData.append('s_id', s_id);

formData.append('time', time);

formData.append('sign', sign);

//此处api_url是在config.js里配置的全局常量var api_url = 'http://www.kjds.com/api/';

$.ajax({

type: "POST",

url: api_url+"/power/updateImageware",

data:formData,

processData: false,

contentType : false,

dataType: "json",

success: function(data){

//alert(data);

if(data.code == 1){

//预览图片

$('#backphoto').attr("src",data.filePath);

mui.toast(data.message);

}else{

mui.toast(data.message);

}

}

});

}

});

}

4:tp5框架api目录里的接口:

//入库出错

public function updateImageware(){

if(request()->isPost()){

$s_id=input('s_id');

$time = input('time');

$sign_temp = input('sign');

$ordercode = input('ordercode');

$goodsname = input('goodsname');

$reason = input('reason');

$ui_gid = input('ui_gid');

$sign = check_sign(array($s_id,$time));

//图片

$file = request()->file('sp_image');

if($sign == $sign_temp){

if($file){

$info= $file->validate(['size'=>15678232,'ext'=>'jpg,png,gif'])->move(ROOT_PATH . 'public' . DS . 'uploads');

//获取图片的存放相对路径

//$url = "http://".$_SERVER['HTTP_HOST']."/public/uploads/".$url;

$filePath ="http://".$_SERVER['HTTP_HOST'].'/public' . DS . 'uploads' . DS .$info->getSaveName();

$filePath=str_replace('\\', '/', $filePath);

$orderdata=Db::table('kjds_order')->where(array("o_second_order_id"=>$ordercode))->find();

session_id($s_id);

$uid=Session::get('login_id');

$o_id=$orderdata['o_id'];

$o_gid=$orderdata['o_gid'];

$datas['sp_oid']= $o_id; //审批订单id

$datas['sp_gid']= $o_gid; //审批商品id

$datas['sp_go_uid']=$uid;//发布用户ID

$datas['sp_to_uid']=$ui_gid;//审批人ID

$datas['sp_con']=$reason;//审批内容

$datas['sp_sptid']=1;//审批类型

$datas['sp_status']=0;//审批状态

$datas['sp_create']=time();//提交时间

$datas['sp_delete']=0;

$datas['sp_goodsname']=$goodsname;

$datas['sp_image']=$filePath;

$res = Db::table('kjds_approval')->insert($datas);

if($res){

//调用父类记录日志方法，添加操作记录

$whe['u_id']=$uid;

$userdata=Db::table('kjds_user')->where($whe)->find();

$uname=$userdata['u_username'];

$log_con="添加审批";//操作的内容

$log_type="添加";//日志分类

$oid=$o_id;//订单id

$gid=$o_gid;//商品id

$log=parent::setLog($uid,$uname,$log_con,$log_type,$oid,$gid);

if($log){

$result = array(

'code' => 1,

'message' => '图片获取成功',

'filePath'=>$filePath

);

}else{

$result = array(

'code' => 0,

'message' => '图片获取失败',

);

}

}else{

$result = array(

'code' => 0,

'message' => '添加审批失败',

);

}

}else{

$result = array(

'code' => 0,

'message' => '上传失败！'

);

}

}else{

$result = array(

'code' => 0,

'message' => '请求错误！'

);

}

return json($result);

}

}