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

2024-07-29 06:50:03

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->get('id') . '.png', file_get_contents($realPath));
    }
    if ($bool == true) {
      $company = CompanyState::find($request->get('id'));
      $company->picpath_ = $request->get('id') . '.png';
      $company->save();
      return '{"statusCode":"200", "message":"上传成功", "navTabId":"uploadFeedbackImg", "forwardUrl":"evaluation/queryCompanyFeedback/' . session('plan_id') . '",
"callbackType":"forward"}';
    } else {
      return '{"statusCode":"300", "message":"上传失败","callbackType":"closeCurrent"}';
    }
  }

2:html

 <img src="{{ url('evaluation/showImage/'.$company->picpath_) }}"
     οnclick="this.width+=500;this.height+=500; javascript:window.open(this.src);"
     style="cursor:pointer; width: 500px; height: 800px;border:1px solid #000000"
     name="photopath"/>

3:设置对应的路由

Route::group(['prefix' => 'evaluation'], function () {
  //查看图片
Route::get('/lookthrough/{company_id}', 'EvaluationController@lookthrough');
//放大图片
Route::get('/showImage/{src}', 'EvaluationController@showImage');
});

4：显示图片

 public function lookthrough($company_id)
  {
    $company = CompanyState::getRecordById($company_id);
    return view('panels.EvaluationManagement.FeedbackInfo.FeedbackImg', ['company' => $company[0]]);
  }
 public function showImage($src)
  {
    $path = storage_path() . '/feedback/' . $src;  //获取图片位置的方法
    return response()->file($path);
  }

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

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

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

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

1.了解文件磁盘配置: 'public' => [ 'driver' => 'local', 'root' => storage_path('app/public'), 'url' => env('APP_URL').'/storage', 'visibility' => 'public', ], 在filesystems.php文件中创建了一个名为 public的文件磁盘,使用的驱动为本地存储,'root'表示的是文件最终存储的目标路径是storage/app/public
laravel实现一个上传图片的接口,并建立软链接,访问图片的方法

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

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

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
基于VUE选择上传图片并页面显示（图片可删除）

基于VUE选择上传图片并在页面显示,图片可删除,具体内容如下 demo例子: 依赖文件:jqueryform HTML文本内容: <template> <div id="accident"> <div class="wrapper"> <i class="icon-pic"></i>相关照片 <button type="button" @click="
spring boot实现上传图片并在页面上显示及遇到的问题小结

最近在使用spring boot搭建网站的过程之中遇到了这样一个问题:用户注册时需要上传一个属于自己的头像,注册成功之后跳转到个人中心,在个人中心中显示用户信息.其中在显示头像的时候遇到了问题:上传头像的时候,我把头像存放到了项目文件下的static文件夹中,将其地址存放到了数据库对应的用户中,并且在idea中添加了热部署,但是在注册跳转到个人中心后还是无法显示头像,只有在下一次启动项目进入到个人中心时才可以. 被这个问题困扰了许久,最后是这样的解决的:在main目录下新建了一个webapp文件
vue实现的上传图片到数据库并显示到页面功能示例

本文实例讲述了vue实现的上传图片到数据库并显示到页面功能.分享给大家供大家参考,具体如下: 1.点击上传图片,弹出选择图片选项框. 页面代码: <div class="form-signin-heading" id="btnUpload" @change="upload">上传图片</div> <input type="file" name="avatar" id="
PHP实现上传图片到数据库并显示输出的方法

本文实例讲述了PHP实现上传图片到数据库并显示输出的方法.分享给大家供大家参考,具体如下: 1. 创建数据表 CREATE TABLE ccs_image ( id int(4) unsigned NOT NULL auto_increment, description varchar(250) default NULL, bin_data longblob, filename varchar(50) default NULL, filesize varchar(50) default NULL
laravel 实现上传图片到本地和前台访问示例

在config下新建文件admin.php,定义上传文件的路径 'upload_img_path' =>'app/public/img',//本地上传图片路径 'upload_file_path' =>'app/public/files'//本地上传文件路径在config/filesystems.php下定义 'disks' => [ 'uploadimg'=>[ 'driver'=>'local', 'root'=>storage_path(config('admi
PHP上传图片到数据库并显示的实例代码

PHP上传图片到数据库并显示 1.创建数据表 CREATE TABLE ccs_image ( id int(4) unsigned NOT NULL auto_increment, description varchar(250) default NULL, bin_data longblob, filename varchar(50) default NULL, filesize varchar(50) default NULL, filetype varchar(50) default N
无阻塞加载js,防止因js加载不了影响页面显示的问题

浏览器加载静态资源和js的方式都是线性加载,所以一般情况可以将js放到</body>前,防止UI线程的阻塞. 而某些时候我们既希望js在整个网页的头部就加载,又担心js阻塞导致网站加载缓慢,就可以用到无阻塞加载js技术. Dynamic Script Elements 动态脚本元素 DOM允许我们使用Javascript动态创建HTML的几乎所有文档内容,一个新的<script>元素可以非常容易的通过标准DOM创建: var script = document.createElem
ThinkPHP打开验证码页面显示乱码的解决方法

本文实例讲述了ThinkPHP打开验证码页面显示乱码的解决方法.分享给大家供大家参考.具体分析如下: 在用thinkphp开发的时候,有时会出现验证码乱码的问题,解决方法是把如下这个文件放在根目录,访问后就可以解决了,具体的PHP代码如下: 复制代码代码如下: <?php if (isset($_GET['dir'])){ //设置文件目录 $basedir=$_GET['dir']; }else{ $basedir = '.'; } $auto = 1; checkd

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

相关推荐

随机推荐