public function avatarUpload()

{

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

    $filePath = 'avatar';

    $width = 200;

    $height = 200;

    if($file){

        $filePaths = ROOT_PATH . 'public' . DS . 'uploads' . DS .$filePath;

        if(!file_exists($filePaths)){

            mkdir($filePaths,0777,true);

        }

        $info = $file->move($filePaths);

        if($info){

            $imgpath = $filePaths . '/' . $info->getSaveName();

            $image = \think\Image::open($imgpath);

            $image->thumb($width, $height)->save($imgpath);

            $imgpath = '/uploads/'.$filePath.'/'.$info->getSaveName();

            $data = [

                'domain'    => $_SERVER['HTTP_HOST'],

                'filepath'  => $imgpath,

            ];

            return ['code' => 0, 'data' => $data, 'msg' => '上传成功'];

        }else{

            // 上传失败获取错误信息

            return ['code' => -1, 'data' => '', 'msg' => '上传失败'];

        }

    }

}

　　

<!DOCTYPE html>

<html>

<head>

<title>    </title>

<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script>

</head>

<body>

　　<input type="file" name="file" onchange="fileup(event)"/>

　　<script type="text/javascript">

　　　　function fileup(e){

　　　　　　var formData = new FormData();

　　　　　　formData.append('file', e.target.files[0]);

　　　　　　$.ajax({

　　　　　　　　url: 'http://xxxxx.com/api/User/avatarUpload',

　　　　　　　　type: 'POST',

　　　　　　　　cache: false,

　　　　　　　　data: formData,

　　　　　　　　processData: false,

　　　　　　　　contentType: false

　　　　　　}).done(function(res) {

　　　　　　　　console.log(res.data.domain);

　　　　　　　　console.log(res.data.filepath);

　　　　　　}).fail(function(res) {

　　　　});

　　}

　　</script>

</body>

</html>



　




												


											
thinkphp5图片上传接口的更多相关文章
	

    
								
  1. springMVC框架下——通用接口之图片上传接口
		
    我所想要的图片上传接口是指服务器端在完成图片上传后,返回一个可访问的图片地址. spring mvc框架下图片上传非常简单,如下 @RequestMapping(value="/upload ...
    
		
    2. 
						
  2. Asp.NetCoreWebApi图片上传接口(二)集成IdentityServer4授权访问(附源码)
		
    写在前面 本文地址:http://www.cnblogs.com/yilezhu/p/9315644.html 作者:yilezhu 上一篇关于Asp.Net Core Web Api图片上传的文章使 ...
    
		
    3. 
						
  3. Thinkphp5图片上传正常，音频和视频上传失败的原因及解决
		
    Thinkphp5图片上传正常,音频和视频上传失败的原因及解决 一.总结 一句话总结:php中默认限制了上传文件的大小为2M,查找错误的时候百度,且根据错误提示来查找错误. 我的实际问题是: 我的表单 ...
    
		
    4. 
						
  4. layedit图片上传接口案列
		
    html部分 <divclass="layui-form-item"> <labelfor="tname"class="layui- ...
    
		
    5. 
						
  5. thinkphp5 图片上传七牛云
		
    <?php namespace app\cxc\controller; use Qiniu\Auth; use Qiniu\Storage\UploadManager; use think\Co ...
    
		
    6. 
						
  6. 百度UEditor 用require 引入 Thinkphp5 ,图片上传问题
		
    用require引入,用了10分钟:上传图片,用了一个早上(吐血一地.....) 重点:require引入成功后,在需要引用UEditor的文件开头加入(ue的文件夹路径) window.UEDITO ...
    
		
    7. 
						
  7. 【原创】.Net 微信 JS-SDK图片、语音上传接口的实现（MVC）-（一 、上传图片）
		
    前段时间在做一个微信的项目,遇到了一个上传图片的问题,花了一下午,解决了这个问题,然后把总结出来的代码,分享了出来. 最近又有一个图片+语音的功能, 更是蛋疼, 本次采用的不是File文件上传,然后转 ...
    
		
    8. 
						
  8. 七牛图片上传JSSDK
		
    BASE64图片上传 接口说明: POST /putb64/<Fsize>/key/<EncodedKey>/mimeType/<EncodedMimeType>/ ...
    
		
    9. 
						
  9. 使用百度UMeditor富文本编辑器，修改自定义图片上传，修改源码
		
    富文本编辑器,不多说了,这个大家应该都用到过,至于用到的什么版本,那就分很多种 CKEditor:很早以前叫FCK,那个时候也用过,现在改名了,比较流行的一个插件,国外很多公司在用 UEDITOR:百 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. RPM Database 实战详解
			
    RPM 是 RPM Package Manager 的简写,是发源于 Red-hat 系统的软件管理工具,所以最初的名字叫做 Red-hat Packager Manager.目前,RPM 已发展成为 ...
    
			
    2. 
						
  2. 尝试dapper和postgresql
			
    大多数地方和其他数据库(MySQL)没有什么不同.只有几点要注意: 1.PostgreSQL表名和字段是区分大小写的,大小写不对会说字段不存在 2.插入Json数据时,要在字符串后面加上::json  ...
    
			
    3. 
						
  3. python基础之小数据池、代码块、编码和字节之间换算
			
    一.代码块.if True: print(333) print(666) while 1: a = 1 b = 2 print(a+b) for i in '12324354': print(i) 虽 ...
    
			
    4. 
						
  4. Elasticsearch6.x和Kibana6.x的安装
			
    Elasticsearch6.x的安装(centos6.x下) Elasticsearch6.x目前需要至少jdk8的支持,关于如何安装jdk不在讲述.Oracle的推荐安装文档可以在Oracle的网 ...
    
			
    5. 
						
  5. 2.8 hashlib模块
			
    
			
    6. 
						
  6. 初识 go 语言：语法
			
    目录 语法 for 循环 if 语句 switch 语句 defer 语句 defer 栈 结束 前言: go语言系列第二篇,主要讲述go语言的语法,如循环,if判断,swich语句,defer语句, ...
    
			
    7. 
						
  7. CentOS配置防火墙操作实例
			
    CentOS 配置防火墙操作实例(启.停.开.闭端口): 注:防火墙的基本操作命令: 查询防火墙状态: [root@localhost ~]# service iptables status<回 ...
    
			
    8. 
						
  8. NET Core 控制台程序读 appsettings.json 、注依赖、配日志、设 IOptions
			
    .NET Core 控制台程序没有 ASP.NET Core 的 IWebHostBuilder 与 Startup.cs ,那要读 appsettings.json.注依赖.配日志.设 IOptio ...
    
			
    9. 
						
  9. MyEclipse 2015 Stable 2.0破解方法
			
    本篇博文简单介绍一下利用网上说明的方法破解MyEclipse 2015 Stable 2.0的具体细节.因为原来在贴吧上的方法不够详细,所以本人重新整理了一下.方法源自:http://tieba.ba ...
    
			
    10. 
						
  10. [物理学与PDEs]第5章习题10 多凸函数一个例子
			
    证明函数 $$\bex \hat W({\bf F})=\sedd{\ba{ll} \cfrac{1}{\det{\bf F}},&if\ \det{\bf F}>0,\\ +\inft ...
    
			
    11.