ITPub博客

首页 > IT职业 > IT职场 > 无涯教程: Laravel 8 - 图像上传介绍

无涯教程: Laravel 8 - 图像上传介绍

IT职场 作者:renke 时间:2021-09-09 08:52:40 0 删除 编辑

我将向您解释laravel 8图片上传示例的示例。我将向您展示laravel 8中的图像上传。此示例将帮助您laravel 8将图像上传到数据库。本文详细介绍了如何在laravel 8中上载和显示图像。在这里,创建带有预览功能的laravel 8图像上载的基本示例。

在此示例中,我们将创建两条路由,一条用于get方法,另一条用于post方法。我们使用文件输入创建了简单的表单。因此,您必须简单地选择图像,然后将其上传到公用文件夹的“ images”目录中。因此,您必须简单地遵循以下步骤,并在laravel 8应用程序中获取图像上传。


图片描述

第1步:安装Laravel 8

首先,我们需要使用命令获得新的的Laravel 8版本应用程序,因为我们正在从头开始,所以打开终端或命令提示符并运行以下命令:

composer create-project --prefer-dist laravel/laravel blog

步骤2:创建路由

在下一步中,我们将在web.php文件中添加新的两条路由。一种用于生成表单的路由,另一种用于post方法的路由,让我们简单地按照下面列出的方式创建这两种路由:

routes/ web.php

name('image.upload');
Route::post('image-upload', [ ImageUploadController::class, 'imageUploadPost' ])->name('image.upload.post');



步骤3:创建控制器

第三步,我们将创建新的ImageUploadController,在这里我们必须编写两个方法imageUpload()和imageUploadPost()。因此,一种方法将处理get方法,而另一种方法将用于post。因此,让我们添加代码。

app/Http/Controllers/ImageUploadController.php

validate([
            'image' => 'required|image|mimes:jpeg,png,jpg,gif,svg|max:2048',
        ]);
    
        $imageName = time().'.'.$request->image->extension();  
     
        $request->image->move(public_path('images'), $imageName);
  
        /* Store $imageName name in DATABASE from HERE */
    
        return back()
            ->with('success','You have successfully upload image.')
            ->with('image',$imageName); 
    }
}

存储文件夹中的存储图像

$request->image->storeAs('images', $imageName);
  
//storage/app/images/file.png?imageView2/0/q/75|watermark/2/text/bGVhcm5may5jb20=/font/Y29uc29sYXM=/fontsize/400/fill/I0YxMTQxNA==/dissolve/100/gravity/SouthEast/dx/10/dy/10

在公用文件夹中存储图像

$request->image->move(public_path('images'), $imageName);
  
//public/images/file.png?imageView2/0/q/75|watermark/2/text/bGVhcm5may5jb20=/font/Y29uc29sYXM=/fontsize/400/fill/I0YxMTQxNA==/dissolve/100/gravity/SouthEast/dx/10/dy/10

s3中的存储图像

$request->image->storeAs('images', $imageName, 's3');

步骤4:创建展示页面

在最后一步,我们需要创建imageUpload.blade.php文件,在该文件中,我们将使用文件输入按钮创建表单。

resources/views/imageUpload.blade.php

html>


    laravel 8 image upload example - ItSolutionStuff.com.com
    
    

          
      

laravel 8 image upload example - ItSolutionStuff.com.com

      
              @if ($message = Session::get('success'))         
                             {{ $message }}         
        图片描述         @endif              @if (count($errors) > 0)             
                Whoops! There were some problems with your input.                 
                        @foreach ($errors->all() as $error)                         
  • {{ $error }}
  •                     @endforeach                 
            
        @endif              
            @csrf             
                     
                                     
                      
                                     
                  
        
           
    
  

现在,您可以运行并检查它。


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/430/viewspace-2807120/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-10-11

  • 博文量
    140
  • 访问量
    17929