TP6------图片上传/多图上传

1.tp6框架有个上传图片的扩展包，需要手动安装下

//安装这个包才可以使用图片上传
composer require thans/thinkphp-filesystem-cloud

安装完成后会在config目录下生成filesystem.php文件里面参数如下

2.新建控制器，一定要配置域名，或者ip地址+端口访问，不然上传图片就会有问题

新建 Image控制器

<?php
/***Created by giveLive*user:lingm*Date:2021/10/30*timer:下午 11:28*Atom:现在的努力是为了小时候吹过的NB**/namespace app\last\controller;
use app\BaseController;//继承adminbase是因为重定向，上传图片必须要登陆状态才可以上传
class Image extends AdminBaseController
{/*** 单图上传* @return \think\response\Json*/public function upload(){//判断是否是post请求if (!$this->request->isPost()){return show(config("code.status.error"),"非法请求");}//获取上传文件的路径，这个一echo出来看下路径$file = $this->request->file("file");//默认上传的路径在runtime目录下会有storage目录·下
//        $fielName = \think\facade\Filesystem::putFile("upload",$file);//1.指定存储的目录用disk给一个目录就是tp6下的public目录//2.putfile第一个参数是字符串这里根据前端定，第二个参数就是上传的开始路径//3.可以按住ctrl点进去看下putfile$fielName = \think\facade\Filesystem::disk('public')->putFile('image',$file);if (!$fielName){return show(config("code.status.error"),"图片上传失败");}//定义图片地址，在下方return返回出来，前端就可以去拿到这个图片地址$imageUrl = "/storage/".$fielName;return show(config("code.status.success"),"图片上传成功",$imageUrl);}
}

3.多图上传

还是在image控制器下，新建个方法教uploads方法

<?php
/***Created by giveLive*user:lingm*Date:2021/10/30*timer:下午 11:28*Atom:现在的努力是为了小时候吹过的NB**/namespace app\last\controller;
use app\BaseController;class Image extends AdminBaseController
{/*** 多图上传* @return \think\response\Json*/public function uploads(){if (!$this->request->isPost()){return show(config("code.status.error"),"非法请求");}$files = $this->request->file("file");foreach ($files as $file){//定义一个数组形式，将选中的图片放进去。//通过foreach循环出来，在对结果进行判断$fielName[] = \think\facade\Filesystem::disk("public")->putFile("/upload/image",$file);if (!$fielName){return show(config("code.status.error"),"图片上传失败");}$imageUrl = "/storage/".$fielName;return show(config("code.status.success"),"图片上传成功",$imageUrl);}}}

4.详情可以去参考官方文档的多文件上传

至此结束！！！感谢

TP6------图片上传/多图上传相关推荐

js图片前端压缩多图上传（旋转其实已经好了只是手机端有问题要先压缩再旋转）...
var filechooser = document.getElementById("choose");// 用于压缩图片的canvasvar canvas = document. ...
单通道图片转换为3通道图片，实现灰度图上添加彩色标注
对于纯粹的单通道图片(灰度图)利用opencv是无法在图片上附加彩色标注的,这时就需要将单通道图片转换为三通道图片才行.由于图片中没有另外两个通道的数据,因此直接将已有的数据给另外两个通道就行. 注意 ...
antd vue3 图片上传组件扩展，支持多图上传图片拖拽排序等
组件涉及到 vue3.2.vite.Ant Design Vue 3.2.16.Windi CSS样式库.vuedraggable-es拖拽库等组件功能图片拖拽多图上传自定义图片加载样式自定 ...
tinymce 多图上传，上传文件，上传视频，单图上传
tinymce 多图上传,上传文件,上传视频,单图上传参考材料引入插件单图上传,文件上传,图片上传多图上传参考材料 http://tinymce.ax-z.cn/more-plugins/a ...
java原生的Graphics2D_背景图上添加图片
1.初始化 public void init(){private String backgroundImgPath="背景图片位置";private String contentI ...
Bootstrap+PHP fileinput 实现多图上传这是ajax上传，只能单张单张图片地上传
插件及源代码可以在这里下载 http://www.jq22.com/jquery-info5231 下面是根据下载的demo进行补充: 使用bootstrap界面美观,可预览,可拖拽上传,可配合aja ...
ajax 异步插入图片到数据库（多图上传）
额大概就这么个样子...截个图点浏览选择几张图片选择完了确定一下然后插入数据库同时在页面中显示插入的图片,代码也没啥.看下 index.php <html><hea ...
续《用最简单的例子实现jQuery图片即时上传》之多图上传实现
本用例主要含两个文件(index.html.submit_form_process.php),一个文件夹(files/).特别的,files中含一个报错图片error.jpg,jquery库引用了外链 ...
九宫格拼图android代码,Android 多图上传后将图片进行九宫格展示的实例代码
不多说上代码 public abstract class NineGridAdapter { protected Context context; protected List list; publi ...
通过UEditor多图上传到七牛云出现图片不全，或上传失败bug
在node-ueditor进行拓展,通过多图上传直接将图片保存到七牛云.在保存的时候通过busboy包进行文件流保存 bug: 发现多张图片上传时候,部分图片出现上传失败,或显示出得图片只有一半的情况 ...

TP6------图片上传/多图上传

TP6------图片上传/多图上传相关推荐

最新文章

热门文章