Laravel框架实现的上传图片到七牛功能详解

2024-10-02 08:41:40

本文实例讲述了Laravel框架实现的上传图片到七牛功能。分享给大家供大家参考，具体如下：

新建项目

这里直接用一个新的Laravel5.3的项目进行演示，其他版本都是一样不会影响功能，顶多是路由位置不一样而已。已有项目的小伙伴可直接跳过次段。

# 新建项目
laravel new laravel-qiniu
cd laravel-qiniu

安装Laravel七牛扩展包

过Composer安装：

composer require zgldh/qiniu-laravel-storage

然后在 config/app.php 中注册服务提供者：

zgldh\QiniuStorage\QiniuFilesystemServiceProvider::class

接下来在 config/filesystems.php 里的disks中新增七牛配置：

'qiniu' => [
  'driver' => 'qiniu',
  'domains' => [
    'default'  => 'xxxxx', //你的七牛域名
    'https'   => 'xxxxx',     //你的HTTPS域名
    'custom'  => 'xxxxx',   //你的自定义域名
   ],
  'access_key'=> '', //AccessKey
  'secret_key'=> '', //SecretKey
  'bucket'  => '', //Bucket名字
  'notify_url'=> '', //持久化处理回调地址
],

OK，扩展包的安装就暂时介绍到这里，接下来我们要去七牛注册一个账号并且将上面的配置完善。

七牛账号注册及配置

先去七牛注册一个账号，点击官网的注册会让我们选择用户类型，这里我就选择个人用户。

接下来按照流程来进项注册就OK了，我就不演示给大家看了。由于我的手机号已经注册了，这里只能给大家看一下我已经添加了存储对象的实例了。

OK ，简单的用图给大家看一下七牛的默认域名及自定义域名在哪里看。下面给大家看一下七牛的秘钥的位置：

点击秘钥管理，就可与看到个人七牛的秘钥了：

七牛在Laravel中的配置

上面已经介绍相关的配置在哪儿，现在我们要将这些配置在Laravel中使用：

上传图片到七牛

简单用一个示例来演示前端上传图片到后台后，用七牛的扩展上传图片

先在 resources\views 下新建 index.blade.php 视图

<!DOCTYPE html>
<html>
<head>
  <title>上传图片</title>
</head>
<body>
  <form method="post" action="" enctype="multipart/form-data">
    <input type="file" name="file">
    <button type="submit">上传图片</button>
  </form>
</body>
</html>

页面代码简单，没有任何样式（请原谅我偷懒），新建 UplaodController 上传文件控制器：

php artisan make:controller UploadController

实现上传方法：

<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
use zgldh\QiniuStorage\QiniuStorage;
class UploadController extends Controller
{
  /**
   * 上传文件到七牛
   * @author 高伟
   * @date  2016-11-09T16:58:37+0800
   * @param Request         $request [description]
   * @return [type]              [description]
   */
  public function uploadFile(Request $request)
  {
    // 判断是否有文件上传
    if ($request->hasFile('file')) {
      // 获取文件,file对应的是前端表单上传input的name
      $file = $request->file('file');
      // Laravel5.3中多了一个写法
      // $file = $request->file;
      // 初始化
      $disk = QiniuStorage::disk('qiniu');
      // 重命名文件
      $fileName = md5($file->getClientOriginalName().time().rand()).'.'.$file->getClientOriginalExtension();
      // 上传到七牛
      $bool = $disk->put('iwanli/image_'.$fileName,file_get_contents($file->getRealPath()));
      // 判断是否上传成功
      if ($bool) {
        $path = $disk->downloadUrl('iwanli/image_'.$fileName);
        return '上传成功，图片url:'.$path;
      }
      return '上传失败';
    }
    return '没有文件';
  }
}

添加路由：

// 上传页面视图
Route::get('/upload',function ()
{
  return view('index');
});
// form提交到控制器路由
Route::post('upload','UploadController@uploadFile');

视图页面(resources\views\index.blade.php):

<!DOCTYPE html>
<html>
<head>
  <title>上传图片</title>
</head>
<body>
  <form method="post" action="{{url('upload')}}" enctype="multipart/form-data">
    {{csrf_field()}}
    <input type="file" name="file">
    <button type="submit">上传图片</button>
  </form>
</body>
</html>

OK，刷新页面就能看到上传后的url地址了。这里只是演示一个最简单的实例，路由定义、视图样式、及逻辑层处理大家按照自己的项目来就行了

更多关于Laravel相关内容感兴趣的读者可查看本站专题：《Laravel框架入门与进阶教程》、《php优秀开发框架总结》、《php面向对象程序设计入门教程》、《php+mysql数据库操作入门教程》及《php常见数据库操作技巧汇总》

希望本文所述对大家基于Laravel框架的PHP程序设计有所帮助。

Laravel+Intervention实现上传图片功能示例

本文实例讲述了Laravel+Intervention实现上传图片功能.分享给大家供大家参考,具体如下: 问题使用Laravel上传图片解决安装Intervention 根据这个链接来安装https://packagist.org/packages/intervention/image 使用Intervention 根据这个文档来进行使用http://image.intervention.io/getting_started/introduction 简单修改使用下面的代码就能实现上传图
三个思路解决laravel上传文件报错：413 Request Entity Too Large问题

最近一个项目当中,要求上传图片,并且限制图片大小,虽然在laravel当中已经添加了相关的表单验证来阻止文件过大的上传,然而当提交表单时,还没轮到laravel处理,nginx就先报错了.当你仔细看报错页面时,你会发现有nginx版本信息,经过分析,这报错是因为nginx的默认上传文件大小配置client_max_body_size只有2MB, 基于nginx验证比laravel验证要早,想要友好报错而不是直接显示413 Request Entity Too Large,那么就有三个思路去解决.
Laravel中前端js上传图片到七牛云的示例代码

以下Laravel中使用浏览器端上传图片到七牛云,下面只是做一些简单的流程实例. 1. 首先引入相应的js文件,下面是通过CDN引入的StaticfileCDN,当然也有其他很多方式下载, bower,git,官网的SDK 七牛js基于Plupload插件封装,所以需要下载Plupload,建议使用 2.1.1 ~ 2.1.9. <script src="https://cdn.staticfile.org/jquery/2.2.1/jquery.min.js"></
Laravel框架+Blob实现的多图上传功能示例

本文实例讲述了Laravel框架+Blob实现的多图上传功能.分享给大家供大家参考,具体如下: 一.介绍我们知道多图上传一般都附带的又即时显示功能,即上传后可以立刻看到所传图片.之前一直用的一个多图上传插件是选择图片,点击上传然后图片资源上传到服务器,然后返回存储的路径信息,最后我们点击表单的提交按钮后将这些信息插入数据库. 现在有一个尴尬的地方,当我点击上传图片后,我又取消这次表单提交了.可是图片资源已经到服务器了,容易造成空间浪费等. 现在提供一个自己结合Laravel框架写的多图上传,(
利用laravel+ajax实现文件上传功能方法示例

前言大家都知道,早期的XMLHttpRequest不支持文件上传,一般用第三方js插件或者flash,现在可以借助XMLHttpRequest Level 2 的FormData对象实现二进制文件上传,正好最近工作中遇到了这个需求,所以本文就来给大家总结下实现的方法,话不多说了,来一起看看详细的介绍吧. 示例代码 @extends('layouts.art') @section('content') <form class="form-horizontal" id="
Laravel+Layer实现图片上传功能(整理篇)

♩ 背景昨天在自己的 Laravel5.5 框架项目中,希望集成 Layer 的图片上传功能但是在 ajax(POST) 提交请求时,一直显示 500 报错 ♪ 分析 ⒈ 问题所在最后将核心代码摘出,放到 Larvel 框架以外运行,发现代码是没有问题的,因为对 Laravel 框架接触的太浅,忽视了 CSRF 的限制 ⒉ 解决方案一般在表单提交时,都会存放一个隐藏的输入框 <input type="hidden" name="_token" valu
vuejs+element-ui+laravel5.4上传文件的示例代码

前言之前的文章讲得太多安装了,今天就不说这个了,因为我的项目是前后端分离的,所以基本是分开执行代码逻辑.其中还有跨域问题,主要还是在laravel中添加头信息放行之类的,这里会提一下做法. element-ui的upload组件我的vue代码: <template> <el-upload :action="uploadAction" list-type="picture-card" :on-remove="handleRemove&q
Laravel框架文件上传功能实现方法示例

本文实例讲述了Laravel框架文件上传功能实现方法.分享给大家供大家参考,具体如下: 以Laravel 5.2.45 框架为主,进行文件上传功能的实现如下: 实现步骤: (1). 配置文件修改打开 config/filesystems.php 文件在 'disks' 数组中添加如下代码 //自定义 'uploads' => [ 'driver' => 'local', //'root' => storage_path('app/uploads'), 'root' => pub
PHP Laravel 上传图片、文件等类封装

今天把项目中上传功能封装成类,方便后面使用,简单的封装了一下,感觉还不怎么好,后面继续优化. 具体代码如下: <?php /** * Created by PhpStorm. * User: wady www.bcty365.com * Date: 2017/8/16 * Time: 14:52 */ namespace App\ThinkClass; use Symfony\Component\HttpFoundation\File\UploadedFile; class UploadClas
Laravel框架实现的上传图片到七牛功能详解

本文实例讲述了Laravel框架实现的上传图片到七牛功能.分享给大家供大家参考,具体如下: 新建项目这里直接用一个新的Laravel5.3的项目进行演示,其他版本都是一样不会影响功能,顶多是路由位置不一样而已.已有项目的小伙伴可直接跳过次段. # 新建项目 laravel new laravel-qiniu cd laravel-qiniu 安装Laravel七牛扩展包过Composer安装: composer require zgldh/qiniu-laravel-storage 然后在
Laravel框架下载，安装及路由操作图文详解

本文实例讲述了Laravel框架下载,安装及路由操作.分享给大家供大家参考,具体如下: NO.1下载Laravel框架并且安装首先,我们先点击这个链接 https://laravelacademy.org/resources-download 跳转至Laravel学院的资源下载,然后我们点击一键安装包, 下载后解压到xampp 的htdocs文件(在这里我用的是xampp) 然后更改文件名为laravel 然后我们在网页输入这里我们要注意的是,我把laravel解压到了一个名为PHPprim
Laravel框架在本地虚拟机快速安装的方法详解

本文实例讲述了Laravel框架在本地虚拟机快速安装的方法.分享给大家供大家参考,具体如下: 一直想学习larvael,可似乎发现单纯的安装就要浪费很长时间,也许我是新手的关系吧. 我是本地虚拟机安装的linux系统,centos7加php7 第一步:要保证你的机器上正确安装有curl,具体方法可参见本文附录说明第二步:使用curl来安装composer,你要明白composer是一个基于php的安装包管理工具,服务于php生态系统. 安装命令如下: curl -sS https://getc
laravel框架中你所用到的依赖注入详解

前言用Laravel开发前前后后有2个月左右了,之前一直写Java,就像找到Java和PHP之前的共同点,用Java的某些原理去理解PHP会发现还是有很多共通之处的.Java的依赖注入已经是一个很常见的概念了,Spring框架主要就是解决了这一点,在PHP的laravel框架中,也出现了依赖注入的方式. 依赖注入就控制反转的一种是实现方式,面向对象的特征的重要体现,那么依赖注入中什么是依赖呢,这点用Java开发的人很多都能理解.笼统的说依赖就是一种联系,变量和实现的联系.有关于依赖注入的理解之
Laravel框架控制器，视图及模型操作图文详解

本文实例讲述了Laravel框架控制器,视图及模型操作.分享给大家供大家参考,具体如下: 鉴于上一篇Laravel框架下载,安装及路由操作我们讲到了路由,可能大家会觉得路由这个东西无所不,可路由这个东西事实上只是用来接收请求并转化给控制器进行处理,所以这篇文章我们就来讲控制器 NO.1控制器说到控制器,我们不得不明白三个点. 怎么创建控制器控制器和路由怎么样进行关联关联控制器后怎么使用路由的特性那么,就让我们开始学习控制器吧! 1.创建控制器之前我在上篇文章的时候说到过九个核心目录作用
4种Windows系统下Laravel框架的开发环境安装及部署方法详解

1.准备工作 1.1PHP集成环境这里我们使用的是XAMPP,XAMPP是一个功能强大的建站集成软件包,采用一键安装的方式,包含PHP7.0.Mysql.Tomcat等.最新版下载地址:PHP 5.6.28版(32位)|PHP 7.0.13版(32位)这两个版本的XAMPP都不再支持WindowsXP操作系统,这意味着你需要更高版本的Windows操作系统. 注意:由于Laravel5.1要求PHP 5.5.9+(含)版本,所以要针对该PHP版本要求选择合适的XAMPP. 1.2安装Compo
Laravel框架源码解析之反射的使用详解

本文实例讲述了Laravel框架源码解析之反射的使用.分享给大家供大家参考,具体如下: 前言 PHP的反射类与实例化对象作用相反,实例化是调用封装类中的方法.成员,而反射类则是拆封类中的所有方法.成员变量,并包括私有方法等.就如"解刨"一样,我们可以调用任何关键字修饰的方法.成员.当然在正常业务中是建议不使用,比较反射类已经摒弃了封装的概念. 本章讲解反射类的使用及Laravel对反射的使用. 反射反射类是PHP内部类,无需加载即可使用,你可以通过实例化 ReflectionClas
Django框架使用内置方法实现登录功能详解

本文实例讲述了Django框架使用内置方法实现登录功能.分享给大家供大家参考,具体如下: 一内置登录退出思维导图二 Django内置登录方法 1 位置 2 源码 @deprecate_current_app @sensitive_post_parameters() @csrf_protect @never_cache # 视图函数要渲染的模板位置(registration/login.html) def login(request, template_name='registration/l
VUE axios上传图片到七牛的实例代码

浏览器上传图片到服务端,我用过两种方法: 1.本地图片转换成base64,然后通过普通的post请求发送到服务端. 操作简单,适合小图,以及如果想兼容低版本的ie没办法用此方法 2.通过form表单提交. form表单提交图片会刷新页面,也可以时form绑定到一个隐藏的iframe上,可以实现无刷新提交数据.但是如果想传输多条form表单数据,需要写很多dom,同时还要写iframe,太麻烦. 目前感觉比较干净的办法就是通过axios的post请求,发送form数据到后台. html部分,至于界
vue中el-upload上传图片到七牛的示例代码

一.思路,从后台获取七牛token,上传图片到七牛,获取返回图片路径放入el-upload. 二.代码. <el-input v-model="listVideoQuery.orgLogo" @change="orgLogoChange"></el-input> <el-col :span="10" class="mt10"> <el-upload class="upload

Laravel框架实现的上传图片到七牛功能详解

相关推荐

随机推荐