laravel 多图上传及图片的存储例子

1.了解文件磁盘配置：

'public' => [
      'driver' => 'local',
      'root' => storage_path('app/public'),
      'url' => env('APP_URL').'/storage',
      'visibility' => 'public',
    ],

在filesystems.php文件中创建了一个名为 public的文件磁盘，使用的驱动为本地存储，'root'表示的是文件最终存储的目标路径是storage/app/public, ‘url' 表示的是文件的url，'visibility'表示的是可见性

2.创建软连接，在项目的根目录运行如下命令：

php artisan storage:link

如果是线上代码，则需要在服务器中的项目根目录运行。

软连接的创建意味着项目的 …/public/storage/ 路径直接指向了 …/storage/app/public/ 目录

3.接收图片并存储，返回存储的图片的url

class UploadController extends Controller
{
  public function upload()
  {
    $imgs = [];
    if (request()->hasFile('file')){
      foreach (request()->file('file') as $file){
      //将图片存储到了 ../storage/app/public/product/ 路径下
        $path = $file->store('public/product');
        $path = str_replace('public','',$path);
        $imgs[]= asset('storage/'.$path);
      }
       return response()->json([
          'errno'=>0,
          'data'=>$imgs
        ]);
    }else{
      return response()->json([
        'info'=>'没有图片'
      ]);
    }
    //处理多图上传并返回数组
  }
}

以上这篇laravel 多图上传及图片的存储例子就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

赞 (0)

相关推荐

  • Laravel+Layer实现图片上传功能(整理篇)

    Laravel+Layer实现图片上传功能(整理篇)

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

  • laravel实现一个上传图片的接口,并建立软链接,访问图片的方法

    我们同时上传的还有昵称,图片是保存在resource表里面,, 对应在userProfile有关联id;利用laravel自带上传很方便,, 但是不能直接访问,,所以需要建立软链接: PHP artisan storage:link 执行该条命令会在public里面生成存储图片的文件夹,就可以通过地址访问了 public function uploadAvatar(Request $request) { $validator = Validator::make($request->all(),

  • laravel实现上传图片并在页面显示的例子

    1:上传图片 public function updateFeedbackImg(Request $request) { $bool = false; $upload_file = $request->file("pic"); if ($upload_file->isValid()) { $realPath = $upload_file->getRealPath(); $bool = Storage::disk('feedback')->put($request

  • laravel框架 laravel-admin上传图片到oss的方法

    第一步:在composer.json 中的 require 添加 "jacobcyl/ali-oss-storage": "^2.1" 然后在cmd里运行composer update 第二步:在config/app.php的providers下添加 Jacobcyl\AliOSS\AliOssServiceProvider::class, 第三步:在app/filesystems.php中的disks里下添加 'disks'=>[ ... 'oss' =&g

  • laravel实现上传图片的两种方式小结

    第一:是laravel里面自带的上传方式(写在接口里面的) function uploadAvatar(Request $request) { $user_id = Auth::id(); $avatar = $request->file('avatar')->store('/public/' . date('Y-m-d') . '/avatars'); //上传的头像字段avatar是文件类型 $avatar = Storage::url($avatar);//就是很简单的一个步骤 $res

  • laravel框架上传图片实现实时预览功能

    在laravel框架中上传图片并实时预览,其实并没有那么难,下面给大家展示一下: HTML代码: <img class="pic house-a" οnclick="houseImgOne(this)" name="house_img_one" id="house_img_one" src=""> <input type="file" name="house_

  • 解决laravel上传图片之后,目录有图片,但是访问不到(404)的问题

    具体操作如下所示: 以前的图片可以访问 现在添加的图片都不可以访问 目录里面也有这张图片 1.来到public 看见这个目录没有 , 你删掉它 然后去到命令行 修改完了之后 你会发现 public 目录下面又会多了 storage 你在去 上传图片看看就没有问题了 1.你是不是移动过storage(比如使用git) 2.你是不是在storage下面创建过什么文件(只要是就对了) 以上这篇解决laravel上传图片之后,目录有图片,但是访问不到(404)的问题就是小编分享给大家的全部内容了,希望能

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

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

  • laravel 多图上传及图片的存储例子

    1.了解文件磁盘配置: 'public' => [ 'driver' => 'local', 'root' => storage_path('app/public'), 'url' => env('APP_URL').'/storage', 'visibility' => 'public', ], 在filesystems.php文件中创建了一个名为 public的文件磁盘,使用的驱动为本地存储,'root'表示的是文件最终存储的目标路径是storage/app/public

  • layui多图上传实现删除功能的例子

    在使用layui的多图上传时发现没有删除功能 在网上搜索解决办法时有的感觉太复杂有的不符合自己所需要的所以就自己动手 下面附上代码 HTML: <div class="layui-upload"> <button type="button" class="layui-btn" id="test2">多图片上传</button> <blockquote class="layui

  • Android 多图上传后将图片进行九宫格展示的实例代码

    不多说上代码 public abstract class NineGridAdapter { protected Context context; protected List list; public NineGridAdapter(Context context, List list) { this.context = context; this.list = list; } public abstract int getCount(); public abstract String get

  • PHP + plupload.js实现多图上传并显示进度条加删除实例代码

    PHP + plupload.js JS插件实现多图上传并显示进度条加删除实例,废话不多说,直接上代码 HTML代码: <!DOCTYPE html> <head> <meta charset="utf-8" /> <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no&qu

  • H5上传本地图片并预览功能

    H5上传本地图片并预览功能

    最近工作中需要H5上传显示图片的功能,如图: 直接上代码: html部分 <div class="works-wrap"> <div class="figure-box" id="figure_box"></div> <div class="add-btn"> <input type="file" id="imgUploadBtn"

  • 微信开发之调起摄像头、本地展示图片、上传下载图片实例

    微信开发之调起摄像头、本地展示图片、上传下载图片实例

    之前那篇微信JS-SDK授权的文章实现了分享接口,那么这里总结一下如何在微信里面通过js调起原生摄像头,以及上传下载图片. 1.配置 页面引入通过jssdk授权后,传入wx对象,首先配置需要的接口 wx.config({ /* debug: true, */ appId: appid, timestamp: timestamp, nonceStr: nonceStr, signature: signature, jsApiList: [ 'chooseImage',//拍照或从手机相册中选图接口

  • PHP实现多图上传(结合uploadify插件)思路分析

    PHP实现多图上传(结合uploadify插件)思路分析

    本文实例讲述了PHP实现多图上传的方法.分享给大家供大家参考,具体如下: 1.已有图片可以删除 2.有一个新增的按钮 3.点击新增按钮,跳出frame框 4.在frame框中实现图片异步上传与及时效果 5.上传成功后,调用回调函数 6.弹出框中的图片可以进行删除 7.frame弹出框点击保存,把图片通过js展示到页面中 8.页面点击保存,把图片数据保存到数据库 <?php foreach($info['product_img'] as $product_img) { ?> <div st

  • Kindeditor单独调用多图上传实例

    html代码: <input type="button" id="J_selectImage" value="图片上传" /> <div id="J_imageView"> <?php foreach($imgs as $row):?> <div class="img_view"><img class='iYuUpload-View' src='/Upl

  • JS插件plupload.js实现多图上传并显示进度条

    本文实例为大家分享了plupload.js多图上传的具体代码,供大家参考,具体内容如下 HTML代码: <!DOCTYPE html> <head> <meta charset="utf-8" /> <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">

  • iOS使用AFN进行单图和多图上传的实例代码

    图片上传时必要将图片进行压缩,不然会上传失败 1.单张图上传 AFHTTPRequestOperationManager *manager = [AFHTTPRequestOperationManager manager]; [manager POST:urlString parameters:params constructingBodyWithBlock:^(id_Nonnull formData) { //使用日期生成图片名称 NSDateFormatter *formatter = [[

随机推荐