tp5表单的图片和文本上传

Html:

<form enctype="multipart/form-data" >
	<label>标题:</label>
	<input type="text" class="input-text" value="" id="title" required>
	<label>图片上传:</label>
	<input type="file" id="img" >
	<button id="submit"  type="submit"> 提交</button>
</form>

JS:

$('#submit').click(function(){
		var from = new FormData();
		var title=$('#title').val();
		var img=$('#img').get(0).files[0];
		    from.append("file", img);
		    from.append("title",title);
		    $.ajax({
		        type: 'post',
		        url:"{:url('admin/map/upload')}",
		        data:from,
		        dataType:'json',
		        contentType: false,
		        processData: false,
		        success: function (data) {
                	if(data.status==1){
                		alert(data.message);
                	}else{
                		alert(data.message);
                	}
		        }
		    });
		    return false;
	})

TP5:

public function upload(){
        //    
		$file=request()->file('file');
		$title=request()->param('title');
	    $info = $file->move(ROOT_PATH . 'public' . DS . 'uploads');
	    if($info){
	        $mapData= new MapModel;
	        $mapData->img='/uploads/'.$info->getSaveName();
	        $mapData->title=$title;
	       	$result=$mapData->save();
            //上传成功信息
	       	return ['status'=>1,'message'=>"上传成功"];
	    }else{
	        // 上传失败获取错误信息
	        return ['status'=>0,'message'=> $file->getError()];
	    }
	}

 

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值