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. Python学习之路——函数的参数分类
			
    今日内容 '''实参:调用函数,在括号内传入的实际值,值可以为常量.变量.表达式或三者的组合​*****形参:定义函数,在括号内声明的变量名,用来接受外界传来的值​'''​'''注:形参随着函数的调用 ...
    
			
    2. 
						
  2. Djangon的坑
			
    <a href="/del_student/?pk={{ students.pk }}"></a> 在django中当你写入这样的语句是,pk={{ stu ...
    
			
    3. 
						
  3. MySQL——设置库中的表以奇数自增
			
    语句 SHOW VARIABLES LIKE 'auto_inc%'; 查看auto_increment_increment的值是不是1,如果是就设置成2 ; 这样所有的表都会以奇数来自增了,因为这个 ...
    
			
    4. 
						
  4. java并发编程实践——王宝令(极客时间)学习笔记
			
    1.并发 分工:如何高效地拆解任务并分配给线程 同步:线程之间如何协作 互斥:保证同一时刻只允许一个线程访问共享资源 Fork/Join 框架就是一种分工模式,CountDownLatch 就是一种典 ...
    
			
    5. 
						
  5. Oracle Database 快捷版 安装 连接
			
    Oracle Database 快捷版 11g 第 2 版 下载地址:http://www.oracle.com/technetwork/cn/database/database-technologi ...
    
			
    6. 
						
  6. docker的基础命令
			
    详细命令参考http://www.runoob.com/docker/docker-command-manual.html
    
			
    7. 
						
  7. 什么是javabean及其用法（转）
			
    因工作需要 需要学习jsp方面的知识 这篇博客文章写得比较全面 我记录下: 一.什么是JavaBean JavaBean是一个遵循特定写法的Java类,它通常具有如下特点: 这个Java类必须具有一个 ...
    
			
    8. 
						
  8. Vue(小案例_vue+axios仿手机app)_go实现退回上一个路由
			
    一.前言 this.$router.go(-1)返回上级路由 二.主要内容 1.小功能演示: 2.组件之间的嵌套关系为: 3.具体实现 (1)由于这种返回按钮在每个页面中的结构都是一样的,只是里面的数 ...
    
			
    9. 
						
  9. 第一次连接数据库mongodb踩的坑
			
    类型匹配错误,参数要写对了,name与age一一对应. 如果没找到错误就把异常打印出来. await person.save(function(err) { if(err) console.log(e ...
    
			
    10. 
						
  10. Redis protocol (redis通信协议)
			
    以前只会用redis -cli客户端, 或者在java程序里使用jedis来作为介质与redis服务器通信.这两天正好在实习中接触了一点这方面的内容. 五一放假就稍微翻了翻redis相关资料. 本篇博 ...
    
			
    11.