当前位置: 首页 > 编程笔记 >

laravel5.5框架的上传图片功能实例分析【仅传到服务器端】

陶寒
2023-03-14
本文向大家介绍laravel5.5框架的上传图片功能实例分析【仅传到服务器端】,包括了laravel5.5框架的上传图片功能实例分析【仅传到服务器端】的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了laravel5.5框架的上传图片功能。分享给大家供大家参考,具体如下:

这里面包含单张和多张图片的上传

首先先来前端页面的html

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

记得路径那改成post

然后就是后台代码

到config/filesystem.php下增加一个

'upload' => [
      'driver' => 'local',
      'root' => 'uploadImages'
    ],

use Illuminate\Http\Request;

// 单张图片
 public function uploadImg(Request $request){
   if ($request->hasFile('filename')) {
      $postPics = $request->file('filename');
      foreach ($postPics as $k => $v) {
        $extension = $v->extension();
        $rule = ['jpg', 'png', 'gif', 'jpeg'];
        if (!in_array($extension, $rule)) {
          return '图片格式需要为jpg,png,gif格式';
        }
        $dir = date('ymd');
        $fileName = time() . mt_rand(1, 999) . ".jpg";
        $storeResult = $v->storeAs('filename', $dir . "/" . $fileName, 'upload');// 默认保存位置是要到filesystem.php设置,保存到storage/app/..
        $outPut[] = [
          'img_url' => "images/" . $storeResult, 'uid' => $uid, 'exam_id' => $examId, 'question_id' => $questionId,
        ];
      }
      DB::table('x2_upload_img')->insert($outPut);
      echo "写到数据库了,图片上去了只是ide加载很慢";

    } else {
      exit('未获得到上传文件,或上传失败');
    }

// 多图上传
public function uploadImgs(Request $request){
    if($request->hasFile('filename')){
      $postPics = $request->file('filename');
      foreach ($postPics as $k=>$v){
        $extension = $v->extension();
        $rule = ['jpg','png','gif','jpeg'];
        if(!in_array($extension,$rule)){
          return '图片格式需要为jpg,png,gif格式';
        }
        $storeResult = $v->storeAs('filename','201810/test1.jpg','upload');// 默认保存位置是要到filesystem.php设置,保存到storage/app/..

        $outPut[] = [
          'extension' => $extension,
          'store_result' => $storeResult
        ];
      }
      echo "<pre>";
      print_r($outPut);die;
    }
    exit('未获得到上传文件,或上传失败');
}

// 上传图片第二种方式(form表单直接传过来)
public uploadImg(){
    $image = $_FILES["photo"]["tmp_name"];
    $fp = fopen($image, "r");
    $file = fread($fp, $_FILES["photo"]["size"]); //二进制数据流
    //保存地址
    $imgDir = './Uploads/';
    //要生成的图片名字
    $filename = date("Ym")."/".md5(time().mt_rand(10, 99)).".png"; //新图片名称
    $newFilePath = $imgDir.$filename;
    $data = $file;
    $newFile = fopen($newFilePath, "w"); //打开文件准备写入
    fwrite($newFile, $data); //写入二进制流到文件
    fclose($newFile); //关闭文件
}

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

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

 类似资料:
  • 本文向大家介绍webuploader实现上传图片到服务器功能,包括了webuploader实现上传图片到服务器功能的使用技巧和注意事项,需要的朋友参考一下 本文为大家分享了webuploader实现上传图片到服务器的具体代码,供大家参考,具体内容如下 效果图: 一、引入资源文件 1.1 引入webuploader.css文件 1.2 引入webuploader.min.js文件 二、HTML代码

  • 本文向大家介绍vue 实现剪裁图片并上传服务器功能,包括了vue 实现剪裁图片并上传服务器功能的使用技巧和注意事项,需要的朋友参考一下 预览链接点击预览 效果图如下所示,大家感觉不错,请参考实现代码。   需求 [x] 预览:根据选择图像大小自适应填充左侧裁剪区域 [x] 裁剪:移动裁剪框右侧预览区域可实时预览 [x] 上传&清空:点击确认上传裁剪图片,点击取消按钮清空图像 [ ] 裁剪框可调节

  • 本文向大家介绍Laravel框架+Blob实现的多图上传功能示例,包括了Laravel框架+Blob实现的多图上传功能示例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了Laravel框架+Blob实现的多图上传功能。分享给大家供大家参考,具体如下: 一.介绍 我们知道多图上传一般都附带的又即时显示功能,即上传后可以立刻看到所传图片。之前一直用的一个多图上传插件是选择图片,点击上传然后图片

  • 本文向大家介绍PHP实现上传图片到 zimg 服务器,包括了PHP实现上传图片到 zimg 服务器的使用技巧和注意事项,需要的朋友参考一下 最近我们项目需要一台图片服务器存储用户头像,我们使用 zimg 处理和存储图片,下面简单介绍一下如何使用 PHP 上传图片到 zimg,并获取相应图片的返回信息 使用 curl 库实现上传 根据 zimg 使用文档,我们想要让 zimg 返回 json 信息,

  • 本文向大家介绍Python的Tornado框架实现图片上传及图片大小修改功能,包括了Python的Tornado框架实现图片上传及图片大小修改功能的使用技巧和注意事项,需要的朋友参考一下 图片的上传 上传图片使用了表单提交, 下面是html部分, enctype="multipart/form-data"表示不对字节进行编码,上传文件类型时需指定. input标签的 type="file" 指定上

  • 本文向大家介绍基于ASP.NET+easyUI框架实现图片上传功能(表单),包括了基于ASP.NET+easyUI框架实现图片上传功能(表单)的使用技巧和注意事项,需要的朋友参考一下 基于ASP.Net +easyUI框架上传图片,实现图片上传,提交表单: 提交表单的一般处理程序:  原型图:   以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。