您的位置：首页 > 编程学习 > > 正文

laravel 开发自定义组件（laravel实现上传图片并在页面显示的例子）

更多 时间：2021-10-08 00:37:38 类别：编程学习 浏览量：844

laravel 开发自定义组件

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

1:上传图片

  • ?
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
    		•
  • 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

  • ?
  • 1
  • 2
  • 3
  • 4
    		•
  • <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:设置对应的路由

  • ?
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
    		•
  • Route::group(['prefix' => 'evaluation'], function () {
  •   //查看图片
  • Route::get('/lookthrough/{company_id}', 'EvaluationController@lookthrough');
  • //放大图片
  • Route::get('/showImage/{src}', 'EvaluationController@showImage');
  • });
    		•

    • 4：显示图片

  • ?
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
    		•
  • 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上传图片显示就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持开心学习网。

    原文链接：https://blog.csdn.net/qq_29099209/article/details/80066273

    标签：Laravel 显示 上传图片
  • 上一篇：canvas时钟代码（canvas实现烟花的示例代码）
  • 下一篇：python什么是深拷贝什么是浅拷贝（Python深拷贝与浅拷贝用法实例分析）
    • 您可能感兴趣
    首页 编程学习 Web前端 数据库 软件设计
    开心学习 ©2013-2021 保留所有权利