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. PostgreSQL安装详细步骤windows
			
    PostgreSQL安装:一.windows下安装过程安装介质:postgresql-9.1.3-1-windows.exe(46M),安装过程非常简单,过程如下:1.开始安装: 2.选择程序安装目录 ...
    
			
    2. 
						
  2. this指针详解
			
    什么是this this是一个const指针,存的是当前对象的地址,指向当前对象,通过this指针可以访问类中的所有成员. 当前对象是指正在使用的对象,比如a.print(),a就是当前对象. 关于t ...
    
			
    3. 
						
  3. opencv 边缘检测原理
			
    只是实现一下,暂不考虑效率 import cv2 as cv import numpy as np import math # 从源码层面实现边缘检测 img = cv.imread('../imag ...
    
			
    4. 
						
  4. JAVA WEB开发环境与搭建
			
    一:jdk下载与安装 (1)官网下载地址:https://www.oracle.com/technetwork/java/javase/downloads/jdk11-downloads-506665 ...
    
			
    5. 
						
  5. redis-sentinel高可用配置（2）
			
    一:说明 前面我们已经配置了redis的主从配置(链接),这种主从架构有一个问题,当主master出现了故障了,怎么切换到从服务器上呢? 第一种:手动切换, 这种肯定会造成比较长一段时间的用户不能访问 ...
    
			
    6. 
						
  6. mkdosfs 安装
			
    title: mkdosfs 安装 tags: linux date: 2018/12/21/ 10:00:55 --- mkdosfs 安装 下载dosfstools_2.11.orig.tar.g ...
    
			
    7. 
						
  7. css层叠规则,优先级算法
			
    前言 层叠样式表CSS最基本的一个特性就是层叠.冲突的声明通过层叠进行排序,由此确定最终的文档表示.而这个过程的核心就是选择器及其相关声明的特殊性.重要性.来源及继承机制.本文将详细介绍CSS层叠 特 ...
    
			
    8. 
						
  8. artDialog记录
			
    //在子页面加按钮的方式 var api = frameElement.api, W = api.opener; api.button({ id: 'valueOk', name: '确定', cal ...
    
			
    9. 
						
  9. 导出CSV 换行问题。
			
    程序方面: 1.Windows 中的换行符"\r\n" 2.Unix/Linux 平台换行符是 "\n". 3.MessageBox.Show() 的换行符为  ...
    
			
    10. 
						
  10. 学习总结javascript和ajax，php，和css
			
    1,javascript 1,js可以获取和修改html的属性和内容: 通过什么获取? window.onload=function{ document.getElementById("xx ...
    
			
    11.