首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何选择laravel form::file来显示我上传的图片?

在Laravel中,可以使用Form::file方法来创建一个文件上传表单元素,并且可以通过一些处理来显示上传的图片。

首先,确保你已经安装了Laravel框架,并且在你的视图文件中引入了Form类。然后,可以使用以下代码来创建一个文件上传表单元素:

代码语言:txt
复制
{{ Form::open(['url' => 'upload', 'files' => true]) }}
    {{ Form::file('image') }}
    {{ Form::submit('Upload') }}
{{ Form::close() }}

上述代码中,Form::open方法用于创建一个表单,url参数指定了表单提交的目标地址,files参数设置为true表示该表单将包含文件上传。Form::file方法用于创建一个文件上传表单元素,image参数指定了该元素的名称。

接下来,你需要在相应的控制器方法中处理上传的文件。可以使用以下代码来保存上传的图片并显示出来:

代码语言:txt
复制
public function upload(Request $request)
{
    if ($request->hasFile('image')) {
        $image = $request->file('image');
        $filename = time() . '.' . $image->getClientOriginalExtension();
        $image->move(public_path('uploads'), $filename);
        $path = '/uploads/' . $filename;
        return view('image')->with('path', $path);
    }
}

上述代码中,首先判断是否有文件上传,然后获取上传的文件对象。接着,使用getClientOriginalExtension方法获取文件的扩展名,并将文件保存到指定的目录中。最后,将文件的路径传递给视图文件image.blade.php,以便在视图中显示图片。

image.blade.php视图文件中,可以使用以下代码来显示上传的图片:

代码语言:txt
复制
<img src="{{ $path }}" alt="Uploaded Image">

上述代码中,$path变量是在控制器方法中传递过来的,它包含了上传图片的路径。使用<img>标签来显示图片,src属性指定了图片的路径,alt属性用于设置图片的替代文本。

这样,当你选择并上传一张图片后,它将被保存到指定目录,并在页面上显示出来。

关于laravel form::file的更多信息,你可以参考腾讯云的文档:Laravel Form

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • Laravel5.8使用LayUI上传显示图片操作

    这个问题已经困扰好久了,唉 比较难受,本来学习laravel使用是Bootstrap,之后用是Uploadify进行上传图片,无奈,这个技术需要Flash支持,一直没有实现,后来思考再三,还是选择用...Layui后台框架进行设计,emm~~~毕竟用他组件可以实现和Uploadify一样无刷新上传图片效果,但是比较难受就是Laravel使用Layui进行回调函数显示图片时候,Laravel总是莫名增加了域名之外控制器及方法名称...,比较难受,不,是特别难受,从网上及QQ群大神中也没有问出个所以然,不过,最后实现是用比较笨方式,就是拼接为字符串形式进行链接返回调用,(使用前台添加域名方式实现了emm~~)好了 话不多说...layui-form-item"> 上传图片 <div class="layui-input-inline...代码设置 /** * <em>上传</em><em>图片</em>操作 */ layui.use(['<em>form</em>', 'layer', 'upload

    2.5K30

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

    本文实例讲述了Laravel框架实现上传图片到七牛功能。...七牛账号注册及配置 先去七牛注册一个账号,点击官网注册会让我们选择用户类型,这里选择个人用户。 接下来按照流程进项注册就OK了,就不演示给大家看了。...下面给大家看一下七牛秘钥位置: 点击秘钥管理,就可与看到个人七牛秘钥了: 七牛在Laravel配置 上面已经介绍相关配置在哪儿,现在我们要将这些配置在Laravel中使用: 上传图片到七牛...简单用一个示例演示前端上传图片到后台后,用七牛扩展上传图片 先在 resources\views 下新建 index.blade.php 视图 <!...="multipart/<em>form</em>-data" <input type="<em>file</em>" name="<em>file</em>" <button type="submit" 上传图片</button

    2K41

    laravel实现上传图片,并且制作缩略图,按照日期存放代码

    先上代码吧: 前端代码: 有很多小伙伴在做表单上传文件时候没有注意表单上传格式是什么,就可能导致上传文件、图片不成功!...给表单加入token; 后端处理: 首先使用是Intervention Image类库制作图片缩略图、以及保存图片到指定位置; 关于Intervention Image类库就不多做介绍,如有不了解请度娘帮助...; } } 后端处理主要思想:首先通过Validator类库检验当前上传上来文件是否符合要求,如果符合要求,就可以对图片进行处理了;处理时候是先把要保存图片相对地址给拼接好,然后通过laravel...创建好文件夹后我们就应该对上传上来图片进行进一步处理了,比如我这里需要制作它缩略图,并且保证图片横纵比,如果有其他要求,可以前往Intervention Image类库自行查看怎么制作。...以上这篇laravel实现上传图片,并且制作缩略图,按照日期存放代码就是小编分享给大家全部内容了,希望能给大家一个参考。

    89331

    Laravel+Layer 图片上传功能整理

    图片上传功能 但是在 ajax(POST)提交请求时,一直显示 500 报错 ♪ 分析 ⒈ 问题所在 ?...//,auto:false //选择图片后是否直接上传 //,accept:'images' //上传文件类型 ,url: 'upload.php...♬ 补充 ⒈ 注意事项 提供代码,可用于PHP原生开发或其他流行框架,其实只要后台能接收到 $_FILES 数据就好办了 就是卡在了 Laravel 框架 CSRF 认证上,耗费了好多时间,所以...可参考之前一篇文章—— Laravel 文件上传功能实现,打开配置文件 config/filesystems.php ,向磁盘配置数组中添加一个 url 'upload' => [...message = "参数错误"; } return showMsg($status, $message,$data); } 如此一上传图片所在目录为:

    1.9K20

    Alfred 有多强悍,写了个一键上传图片 workflow 告诉你

    考虑之后决定自己整一个自动上传到图床工具,无它,自己实现比较 Cool,怎么做呢,一般本地图片要转成最终图床链接有以下两步 剪切或者复制图片图片上传到云端,上传成功后会返回云端图片链接 希望这个工具能达到如下流程图所示效果...首先选择了蛋壳(https://imgkr.com/)这个免费又稳定图床,现在问题关键是得看下上传图片到蛋壳拿到云端图片逻辑该怎么写。...从图中可以看到, curl 请求请求部分除了图片二进制数据是动态变化,其他都是固定图片二进制数据无疑是从剪切板中,于是问题转化为了如何从剪切板中获取图片数据。...pngpaste 图片路径 于是问题转化成如何获取指定路径图片二进制数据,shell 做不到,不过 php 可以做到,所以我们最终用 php 重写了上文中 curl 请求,也就是说我们最终选择用...'Content-Disposition: form-data; name="file"; filename="' . $name . '"' .

    1.3K10

    PHP 用户请求数据获取与文件上传

    term=laravel term=laravel 就是查询字符串,也就是 GET 请求参数。...文件上传表单 下面我们简单演示下如何在 PHP 中通过表单上传文件,首先在 http 子目录下新建 file.html 编写对应 HTML 表单: <!...php echo ''; var_dump($_FILES); 首先打印 $_FILES 查看其数据结构,我们在文件上传表单中选择一个本地图片上传上传成功后,服务端打印结果如下: ?...在 PHP 中,可以通过内置函数 move_uploaded_file上传文件从临时目录移动到指定目录。 文件上传处理 下面我们在 file.php 中编写对应文件上传处理代码: '; } 测试文件上传 最后,我们访问文件上传页面,选择一张本地图片上传选择之后,点击「上传」按钮开始上传上传成功后,会在 file.php 页面显示上传图片,表明上传成功: ?

    2.6K20

    Laravel 控制器中进行表单请求字段验证

    很多 Web 框架都对此功能专门提供了工具集,Laravel 也不例外,而且这个工具集异常丰富,基本上涵盖了目前主流所有验证规则,即使是一些非常个性化验证,也可以基于 Laravel 验证类扩展功能来自定义验证规则...接下来,我们就一起来看看如何Laravel 中对表单请求进行验证。...在表单页面显示错误信息 我们需要修改下 form.blade.php 中表单代码,在 Blade 模板中可以通过 $errors 获取验证错误信息,通过 old() 辅助函数可以获取用户上次输入数据:...bail|required|image|mimes:jpg,png,jpeg|max:1024' ],[ 'picture.required' => '请选择上传图片', 'picture.image...' => '只支持上传图片', 'picture.mimes' => '只支持上传jpg/png/jpeg格式图片', 'picture.max' => '上传图片超过最大尺寸限制(1M

    5.8K10

    laravel 使用Postman上传图片

    大家好,又见面了,是全栈君。...Postman Post请求上传文件 一、选择post请求方式,输入请求地址 二、填写Headers Key:Content-Type Value:multipart/form-data [{“key...”:”Content-Type”,”value”:”multipart/form-data”,”description”:””,”enabled”:true}] 如下图 三、填写body 选择form-data...然后选择文件file 点击添加文件,最后发送即可 在用Laravel写就接口时候,不知道怎么测试怎用postmam测试多图上传,查找了很多资料都没明白,资料一般写都是上传单张图片示范,特此记录下来...Laravel后台接口编写 写是一段上传相册到服务器代码,本人才疏学浅,如有错误请指正 /** * 上传相册到服务器,同时相关数据存入数据库 * @param Request $request

    1.4K10

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

    本文实例讲述了laravel5.5框架上传图片功能。分享给大家供大家参考,具体如下: 这里面包含单张和多张图片上传 首先先来前端页面的html <!...DOCTYPE html <html <head <title 上传图片</title </head <body <form method="post" action="{{url('uploadImgs...submit" 上传图片</button </form </body 记得路径那改成post 然后就是后台代码 到config/filesystem.php下增加一个 'upload' =...,或上传失败'); } // 上传图片第二种方式(form表单直接传过来) public uploadImg(){ $image = $_FILES["photo"]["tmp_name"];..., $data); //写入二进制流到文件 fclose($newFile); //关闭文件 } 更多关于Laravel相关内容感兴趣读者可查看本站专题:《Laravel框架入门与进阶教程》、

    85231

    laravel-admin图片删除实例

    laravel-admin图片上传机制有深深疑惑,在用户信息页面上删除头像图片就会报错,当时用是1.4,后来更新1.5 发现删除按钮直接消失了,在使用过程中,要是在form中正常使用image...就好用,稍微写复杂一点(比如我把$form- image写在tab里时候)就不好用了。...json_encode($imgs) : $imgs; } } 然后在form中这么写: $form- image('img','图片')- deleteUrl(admin_url('mconfig/deleteUrl.../' . img))- uniqueName()- value('1.jpg'); //其中value是默认显示图片,uniquename是使用随机生成文件名,deleteUrl是删除图片路径 再在...'); 以上这篇laravel-admin图片删除实例就是小编分享给大家全部内容了,希望能给大家一个参考。

    1.3K31

    微信小程序开发(二)图片上传+服务端接收

    这里filePath就是图片存储路径,类型居然是个String,也就是 只能每次传一张图片以前接口都是接收一个array,本人又是一个半吊子php,只能自己去改接收图片接口。...一个很常见修改头像效果,选择图片(拍照),然后上传。...this.setData({ logo: res.tempFilePaths[0], }) } }) } }) ---- 主要讲解一下JS代码 1、chooseImageTap方法 用来显示一个选择图片和拍照弹窗...,点击查看详细使用 :从本地相册选择图片或使用相机拍照 3、上传 在chooseWxImage方法success回调中我们可以看到,把返回图片路径res.tempFilePaths[0] 赋值给了...服务端代码 看过上篇文章登录流程文章都熟悉了服务器用是php框架是Laravel。 接收image代码; if(!

    1.9K30

    laravel框架添加数据,显示数据,返回成功值方法

    laravel框架添加数据: 添加数据 laravel框架添加数据方式这里使用是model方式,此外还有一种是DB 因为from提交数据,laravel框架需要在from提交中添加一个token,...所以这里接受数据也有好几种方式 使用是new一个model,在model中定义了需要字段 还有一种就是注释那里啦.使用$request- except()直接将不需要post数据排除掉 laravel...上传图片也是非常方便,只需要一个store就可以了 另外图片存放地址就不在这里说了 有感兴趣同学可以去百度一下,很简单 返回成功值 这里还有一个就是返回值问题, 以前使用tp框架时候有一个很方便函数...- except(['_token','_method']); //接受并且上传图片 $file = $request- file('img')- store(date('Y-m-d'))...- toArray();转变为数组 以上这篇laravel框架添加数据,显示数据,返回成功值方法就是小编分享给大家全部内容了,希望能给大家一个参考。

    2K31
    领券