laravel上传到七牛图片插件(代码片段)

big2cat big2cat     2022-12-03     623

关键词:

技术图片

1.首先引入两个插件

2.在https://developer.qiniu.com/kodo/sdk/1241/php找到安装命令

在终端运行composer require qiniu/php-sdk

3.自定义一个全局辅助函数,首先在项目的Http文件夹中新建Helpers文件夹,里面新建一个文件,名字就叫qiniu.php,注意引入

// 引入鉴权类
use Qiniu\\Auth;
// 引入上传类
use Qiniu\\Storage\\UploadManager;

在composer.json里写上

"files": [
"app/Http/Helpers/qiniu.php",
],
然后在终端中执行自动加载命令:composer dump-autoload 命令,使其生效。
4.定义一个文件上传的upload.js
//文件上传
var opts =
url: "/photos",
type: "POST",
success: function (result)
if (result.status == 0)
alert(result.msg);
return false;

$("input[name=‘image‘]").val(result.msg);
$("#img_show").attr("src", result.msg);
,
error: function ()
alert(‘文件上传失败‘);

;

$(‘#image_upload‘).fileUpload(opts);
5.创建图片上传控制器
photocontroller.php

class PhotoController extends Controller

/***
* 上传图片
* @param Request $request
*/
public function store(Request $request)

if ($request->hasFile(‘image‘) && $request->file(‘image‘)->isValid())

$allow_types = [‘image/png‘, ‘image/jpeg‘, ‘image/gif‘];
if (!in_array($request->image->getMimeType(), $allow_types))
return [‘status‘ => 0, ‘msg‘ => ‘图片类型不正确!‘];


if ($request->image->getClientSize() > 1024 * 1024 * 3)
return [‘status‘ => 0, ‘msg‘ => ‘图片大小不能超过 3M!‘];


$path = $request->image->store(‘public/images‘);

//上传到本地
// return [‘status‘ => 1, ‘image_url‘ => ‘/storage‘ . str_replace(‘public‘, ‘‘, $path)];

//上传到七牛
$file_path = storage_path(‘app/‘) . $path;
qiniu_upload($file_path);
return [‘status‘ => 1, ‘msg‘ => ‘http://img.php233.club/‘ . basename($file_path)];






可以使用图片上传功能了!

微信小程序上传图片及上传到上传到七牛云(代码片段)

微信小程序图片上传功能包含:上传到七牛云、删除图片、查看图片   1.创建子组件tpupload//wxml文件<viewstyle="padding:10px;"><!--图片上传--><viewclass="weui-uploader"><viewclass="img-vweui-uploader__bd">< 查看详情

canvas保存图片到七牛云(代码片段)

最近在做一个项目,需要在前端对图片切片并上传到七牛云技术要点canvas.toBlob(blob=>);//可将canvas保存成二进制文件formData.append(‘file‘,blob,‘filename‘);//将二进制文件添加到FormData中ajax.send(formData);//上传数据到后端处理代码实... 查看详情

web上传图片到七牛云服务器(代码片段)

本文通过javaweb的使用,把要上传的图片通过浏览器上传到服务器上面.`文本仅供参考,可能出现很多不合理;`1创建对应的jsp页面:下面是jsp下面的对应的from表单,上传文件用的那么ImgFiles的属性名称,同样你可以使用其他的,或者... 查看详情

go实战|电商平台图片上传到七牛云(代码片段)

...息2.config3.upload完整代码这一章节中我们介绍如何把图片上传到七牛云,并且返回对应图片的url。因为后续我们的创建的商品,更换头像等等都是把我们的图片上传七牛云存储,再返回对应的url的。1.获取配置信息打开... 查看详情

ueditor上传图片到七牛云存储(formapi,java)

转:http://my.oschina.net/duoduo3369/blog/174655ueditor上传图片到七牛云存储ueditor结合七牛传图片七牛的试炼开发前的准备与注意事项说明Let‘srock与ueditor结合前的准备工作首先从表单开始生成token建立图片空间生成token上传流程集成ueditor... 查看详情

thinkphp6上传图片七牛云如何上传文件到七牛云对象储存cos

参考技术AThinkPHP6如何上传图片七牛云,如何上传文件到七牛云对象储存cos,总所周知图片是特别消耗网站带宽的,个人网站将图片上传至七牛云才能显著提升网站的响应速度,手把手交大家如何上配置ThinkPHP6上传文件至七牛云.然后我... 查看详情

前端上传图片头像到七牛云格式变成text

参考技术A流程:七牛云后台的对象存储功能,nodejs后台生成七牛云的token,前端利用elementUI/ice的upload组件,文件名和token作为参数请求到七牛云后台。配置已经完成,写接口用的是express,koa同理,主要做法是先接收前端的图片... 查看详情

上传base64图片到七牛云前端遇到的坑

介意前端普通引入七牛云SDk上传图片到七牛云需要多个js,所以才有了base64的上传方式,简化操作,(懒。)七牛云官方文档如下https://developer.qiniu.com/kodo/kb/1326/how-to-upload-photos-to-seven-niuyun-base64-code  我们前端理所当然就... 查看详情

ueditor1.4.3php如何上传图片到图片服务器(七牛)

在guthub上找到一个实例,但不知道为啥批量上传可以上传到七牛,但单图就还是传到自己的服务器了,而且没有改图片名字。https://github.com/widuu/qiniu_ueditor_1.4.3想知道该如何修改,或者能不能不用他给的上传类而用我自己写的上... 查看详情

安卓批量上传图片到七牛的两种方法

...自己拼接key最后是时间戳加上图片的下标,不然容易因为上传时间过快导致时间戳一样,造成上传失败。当初写iOS上传自己拼接key的时候遇到过这个问题。创建一个工具类QiNiuUploadUtil,初始化七牛的上传工具类UploadManager然后创... 查看详情

java实现上传网络图片到七牛云存储(代码片段)

...中,给我们返回该图片的地址。代码实现因为七牛云上传图片的时候,传递的是MultipartFile类型,所以我们需要将网络图片utl转换 查看详情

java实现上传网络图片到七牛云存储(代码片段)

...中,给我们返回该图片的地址。代码实现因为七牛云上传图片的时候,传递的是MultipartFile类型,所以我们需要将网络图片utl转换 查看详情

博客园添加赞赏功能(代码片段)

...的图片  进入收款页面然后保存图片即可2.将支付图片上传到七牛云或者博客园文件  七牛云比较简单/博客园文件不支持png和jpg只支持bmp,所以将图片转为bmp格式后再上传到博客园 3.上传js文件,第一个为js插件的github地址,... 查看详情

vue上传图片到七牛云实用攻略

参考技术Avue一般采用element 的upload上传图片/文件。首先,设定参数参考Element upload 文档其次,如图所示,重点在于domain和qiniuaddr两个参数!   参考七牛云存储图片域名文档然后 上传一定要先获取到七... 查看详情

php表单上传图片到七牛云存储并返回地址……求具体流程~有代码更好

...的资料太少了。研究了下API之后,现在已经能实现图片的上传和下载及上传之后的重定向。首先本篇文章实现的功能如下:1.利用表单上传功能,用户可以点击选择文件按钮,选择本地的一个文件,同时设定上传的图片的名称,... 查看详情

七牛云文件上传助手(代码片段)

qiniuyun_upload_tools最近写博客发现经常要上传图片到七牛云上去,每次打开网页登录然后上传感觉很慢,windows也没有一个好的上传工具,于是写了这样的一个工具。效果使用方法下载程序包点击下载解压后直接在config.json文件里面... 查看详情

关于小程序上传图片到七牛的总结

最近在小程序中做到了头像上传这个功能,本来是挺简单的一个功能,但是这次是让我直接将图片上传到云储存,把返回的路径直接传给后台数据库存起来emm这就很蛋疼了,一直都是处于你给我接口,我照着要求填数据就行了的... 查看详情

如何将图片上传到七牛云平台?

参考技术A上一篇文章介绍了“如何将图片上传到Cloudinary云平台?”但是由于Cloudinary的服务器在国外,所以上传和读取图片的速度会很慢,不适合用作生产,因此有必要再介绍一下国内广受欢迎的“七牛”云平台。以及分步骤给... 查看详情