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. block,inline,inline-block区别
			
    block:多個元素豎直排列,每個元素單獨占一行,寬高可以設置,padding.margin可以設置: inline:多個元素占一行,一行放不下了,才轉入下一行,寬高不能設置,水平的padding.m ...
    
			
    2. 
						
  2. [SimplePlayer] 7. 多线程处理
			
    在前面的文章中,我们分别实现了视频图像解码.播放,音频解码.播放,现在则需要把这些功能组合起来.总体上来说,整个程序的功能可以分为两条线路:视频以及音频,两条线之间除了后续的同步操作之外基本没有任何关 ...
    
			
    3. 
						
  3. Magento 最佳开发配置
			
    概观 典型的软件开发流程如下: 本地开发机器 > QA /集成服务器 > 预览服务器(可选)> 生产服务器 无论您是在编写新的Magento 2 扩展 还是为代码库做贡献,任何开发人 ...
    
			
    4. 
						
  4. Magento2.X 前端&综合  简要
			
    主题是Magento的应用程序,它提供了整个应用的前端部分: 主题旨在覆盖或自定义视图层资源,通过模块和库最初提供.主题由不同的供应商(前端开发人员)实施,并拟分配为类似于其他组件的Magento系统 ...
    
			
    5. 
						
  5. emwin 之模态窗口
			
    @2019-02-27 [小记] emwin 窗口被模态之后,创建子窗口则原模态窗口变为非模态
    
			
    6. 
						
  6. 深入理解JVM(3)——类加载机制
			
    1.类加载时机 类的整个生命周期包括了:加载( Loading ).验证( Verification ).准备( Preparation ).解析( Resolution ).初始化( Initial ...
    
			
    7. 
						
  7. linux log4j乱码问号的解决
			
    原因: linux本地设置的文件编码格式不是UTF-8 解决办法: 运行locale命令看一下结果: 把LC_CTYPE修改为“zh_CN.UTF-8”: cd ~/ vi .bashrc 添加: L ...
    
			
    8. 
						
  8. EF CodeFirst系列（5）---FluentApi
			
    FluentApi总结 1.FluentApi简介 EF中的FluentApi作用是通过配置领域类来覆盖默认的约定.在EF中,我们通过DbModelBuilder类来使用FluentApi,它的功能比 ...
    
			
    9. 
						
  9. velocity 新手用小常识--开源，简单易上手
			
    项目中经常用到的 .vm 后缀文件是什么? 基于 java 的 velocity 模版引擎的一种页面控制文件,是一些类似 html 语句和一种叫 VLT 的语句构成   velocity --美 [v ...
    
			
    10. 
						
  10. win10自带邮箱添加网易企业邮箱
			
    开始-邮件-账户-添加账户-高级安装程序-internet电子邮件-然后输入网易企业邮箱的用户名和相关服务器设置就行了 接收服务器 pop.qiye.163.com发送服务器 smtp.qiye.16 ...
    
			
    11.