借鉴大神博客:https://blog.csdn.net/tony_110/article/details/80105099
文档:http://laravelacademy.org/post/8965.html

在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('admin.upload_img_path'))
],
'uploadfiles'=>[
'driver'=>'local',
'root'=>storage_path(config('admin.upload_file_path'))
], 'local' => [
'driver' => 'local',
'root' => storage_path('app'),
], 'public' => [
'driver' => 'local',
'root' => storage_path('app/public'),
'url' => env('APP_URL').'/storage',
'visibility' => 'public',
], 's3' => [
'driver' => 's3',
'key' => env('AWS_KEY'),
'secret' => env('AWS_SECRET'),
'region' => env('AWS_REGION'),
'bucket' => env('AWS_BUCKET'),
],

前端显示

{{ html()->form('POST', route('frontend.repair.repair.upload'))
->attribute('enctype', 'multipart/form-data')->attribute('files', 'ture')->class('form-horizontal')->open() }}
(红色标注的很重要)
Controller中
use Illuminate\Support\Facades\Storage;
public function sendmsg(SendmsgRequest $request)
{
$file = $request->file('cover'); //保存图片begin
$rule = ['jpg', 'png', 'gif'];
if ($request->hasFile('cover')) {//验证是否上传图片
$clientName = $file->getClientOriginalName();// 文件原名
$tmpName = $file->getFileName();
$realPath = $file->getRealPath();//临时文件的绝对路径
$entension = $file->getClientOriginalExtension();// 扩展名
if (!in_array($entension, $rule)) {
return '图片格式为jpg,png,gif';
}
$newName = md5(date("Y-m-d H:i:s") . $clientName) . "." . $entension;//图片重命名
$bool = Storage::disk('uploadimg')->put($newName, file_get_contents($realPath));//保存图片
//return back();
//return json_encode(['status' => 1, 'filepath' => $newName]);
} else {
$idCardFrontImg = '';
//return json_encode($idCardFrontImg);
$newName=1;
} //保存图片end
}
根据文档中的要求composer安装了三项东西。 显示时:
<th><img src="/storage/img/pic_name"></th><!--根据数据库中报存的图片名称显示图片-->

注:一定要执行
php artisan storage:link
执行后public/storage文件夹上会出现链接的标志,如果没有则删除storage文件夹,重新执行。
 

laravel5.6上传图片及显示的更多相关文章

  1. Js实现input上传图片并显示缩略图

    用这个方法就可以很方便快捷的实现上传图片并显示缩略图的效果: FileReader 的 readAsDataURL() 先创建一个img标签,再用 fileReader 把input文件的赋值到img ...

  2. COS上传图片和显示图片

    写这篇文章之前,我也是刚刚实现COS上传和显示图片.我百度了好多相关文章,COS上传图片成功的文章不少,上传后显示图片的文章几乎没有.于是写一篇记录下. COS上传图片推荐链接:https://blo ...

  3. springmvc上传图片并显示图片--支持多图片上传

    实现上传图片功能在Springmvc中很好实现.现在我将会展现完整例子. 开始需要在pom.xml加入几个jar,分别是: <dependency> <groupId>comm ...

  4. springmvc上传图片并显示--支持多图片上传

    实现上传图片功能在Springmvc中很好实现.现在我将会展现完整例子. 开始需要在pom.xml加入几个jar,分别是: <dependency> <groupId>comm ...

  5. thinkPHP利用ajax异步上传图片并显示、删除

    近来学习tp5的过程中,项目中有个发帖功能,选择主题图片.如下: 利用原始的文件上传处理,虽然通过原始js语句能实时显示上传图片,但是这样的话会涉及很多兼容问题.使用ajax技术,实现选择性删除所选图 ...

  6. 使用Ueditor点击上传图片时显示延迟的问题

    最近在做一个项目,需要用到Ueditor,但是在点击上传图片的时候,总是隔了4-5秒才显示文件框 查了一些资料,最后发现,只需在 修改:(1) dialog/images/image.js 把imag ...

  7. jsp上传图片实时显示

    jsp代码 <div class="form-group" id="caseIma"> <label class="control- ...

  8. nodejs上传图片并显示的例子

    目标 1. 在浏览器地址栏输入“http://demos/start”,进入欢迎页面,页面有一个文件上传表单: 2. 选择一张图片并提交表单,文件被上传到"http://demos/uplo ...

  9. jquery在火狐浏览中上传图片并显示

    由于火狐浏览器有很多代码无法兼容,特别是图片的显示,下面我介绍一种是我亲自测试过可以实现的方法 <script> function setImagePreview() { //var ix ...

随机推荐

  1. JS与Android交互

    一.Android调用JS 2种方法 1.通过WebView的loadUrl 2.通过WebView的evaluateJavascript

  2. delphi treeview checkbox

    delphi treeview checkbox 最新版Berlin还没有带checkbox的treeview?

  3. jquery元素使用

    特殊用法: var formFields = $([]).add(_ele1).add(_ele2);  可将多个元素整合到一个集合中 1.has方法 has()方法查找自己,has为子集条件,即包含 ...

  4. iOS开发 2x 3x图

    众所周知,iOS开发中的图片资源一般需要2倍图和3倍图,也就是2x,3x,但是最近思考了一个问题,为什么不能只提供3x的图片,2x的图片让系统从3x压缩就好了,于是上网搜索了下,得到了答案. 当我们在 ...

  5. JAVA_连接池、DataSource、JNDI

    1.连接池    Connection的取得和开放是代价比较高的处理,解决这个问题的方法是连接池.    连接池就是事先取得一定数量的Connection,程序执行处理的时候不是新建Connectio ...

  6. js判断对象

    一般学java的小伙伴,刚开始写js时如果遇到要判断一个字符串是否不为空,往往会这样写 if(str != undefined && str != null && st ...

  7. c++复习:C++输入和输出流

    C++输入和输出流 1.I/O流的概念和流类库的结构 程序的输入指的是从输入文件将数据传送给程序,程序的输出指的是从程序将数据传送给输出文件. C++输入输出包含以下三个方面的内容: 对系统指定的标准 ...

  8. Stephen Hawking Taught Us a Lot About How to Live

    勇气.好奇心.幽默感,那些霍金教给我们的事Stephen Hawking Taught Us a Lot About How to LiveStephen Hawking, the English c ...

  9. openwrt用WEB刷固件型号不对问题强行处理

    参照这里:https://blog.csdn.net/caoshunxin01/article/details/79355602 原机是一块mt7620A的通板,之前刷了一个叫WE826型号的固件,发 ...

  10. 福州大学软件工程W班-助教总结

    背景 福州大学软件工程W班,总人数46人,讲师汪老师. 前期期望 希望自己能够在课程当中起到引导作用,发挥助教最大的用处. 实际执行情况 第一个问题是自动化测试工具,该工具主要是用来测试程序WordC ...