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. springboot 打war
			
    pom.xml <packaging>war</packaging> <!-- 打包设置 --> <plugins> <plugin> &l ...
    
			
    2. 
						
  2. Django+Vue打造购物网站(六)
			
    商品详情页功能 商品详情页和CategoryViewSet类似,只需要多继承一个类(mixins.RetrieveModelMixin)就可以了 class GoodsListViewSet(mixi ...
    
			
    3. 
						
  3. 帝国cms打开慢
			
    发现有个站(http://www.953239.com/)打开很慢,改了php版本后,快了一倍
    
			
    4. 
						
  4. 深入理解ES6箭头函数中的this
			
    简要介绍:箭头函数中的this,指向与一般function定义的函数不同,比较容易绕晕,箭头函数this的定义:箭头函数中的this是在定义函数的时候绑定,而不是在执行函数的时候绑定. 1.何为定义时 ...
    
			
    5. 
						
  5. 求一个数组中重复数字的个数，要求复杂度为O(n)
			
    给出代码 #include <stdio.h> #include <unistd.h> #include <iostream> #include <memor ...
    
			
    6. 
						
  6. kafka 发送确认参数acks的几种模式
			
    1. acks=0 意味着生产者能够通过网络吧消息发送出去,那么就认为消息已成功写入Kafka 一定会丢失一些数据 2. acks=1 意味着首领在疏导消息并把它写到分区数据问津是会返回确认或者错误响 ...
    
			
    7. 
						
  7. JDK动态代理(Proxy)的两种实现方式
			
    JDK自带的Proxy动态代理两种实现方式 前提条件:JDK Proxy必须实现对象接口 so,创建一个接口文件,一个实现接口对象,一个动态代理文件 接口文件:TargetInterface.java ...
    
			
    8. 
						
  8. 洛谷P2257 YY的GCD 莫比乌斯反演
			
    原题链接 差不多算自己推出来的第一道题QwQ 题目大意 \(T\)组询问,每次问你\(1\leqslant x\leqslant N\),\(1\leqslant y\leqslant M\)中有多少 ...
    
			
    9. 
						
  9. ASP.NET知识点汇总
			
    一 ,html属性20181113常用的居中方法1 text-align2 float3 margin (margin-left matgin-right margin-bottom margin-t ...
    
			
    10. 
						
  10. python 爬虫之beautifulsoup（bs4）使用 --待完善
			
    #!/usr/bin/env python # -*- coding:utf- -*- from bs4 import BeautifulSoup import requests url = 'htt ...
    
			
    11.