首页
学习
活动
专区
工具
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"> form-label">上传图片 <div class="layui-input-inline...代码设置 /** * 上传图片操作 */ layui.use(['form', 'layer', 'upload

2.6K30
  • 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.5K10

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

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

    2.1K30

    基于 Redis 消息队列实现文件上传的异步存储

    不过在 Laravel 中,我们可以基于消息队列完成文件存储的异步处理:编写一个处理文件上传的任务类,当有文件上传时,将该文件的存储操作通过任务类推送到消息队列,最后通过队列处理器进程异步处理存储和其他后续操作...所以,我们可以把 Laravel 消息队列看做 PHP 不支持并发/异步编程的一种补充实现,通过消息队列来模拟多进程和异步编程实现,对于一些非常耗时的操作,甚至还可以将其分解成多个子任务,然后通过启动多个处理器进程来提升队列消费速度...接下来,学院君就来给大家演示下如何通过消息队列实现文件存储的异步处理,我们将以发布文章支持上传封面图片为例进行演示。...name 和 content 属性显示传入了上传文件的名称和二进制内容,而不是 Illuminate\Http\UploadedFile 对象的引用,因为 UploadedFile 对象不能被序列化,...好了,关于文件上传和异步存储处理学院君就简单介绍到这里,下篇教程,我们来给大家演示如何通过 Redis 消息队列优化邮件和通知发送。

    3.6K20

    Java实现图片上传到服务器,并把上传的图片读取出来「建议收藏」

    大家好,又见面了,我是你们的朋友全栈君。 在很多的网站都可以实现上传头像,可以选择自己喜欢的图片做头像,从本地上传,下次登录时可以直接显示出已经上传的头像,那么这个是如何实现的呢?... 至此,图片上传数据库和本地服务器已经实现,那么如何在HTML界面显示出个人信息以及上传的头像呢?... 我的提问 form> 至此,一个基于Java的头像上传服务器...头像上传之前进行处理等操作,可以选择一些插件来完成。这里只是简单的实现了基本功能。 补充 对于图片上传,这里只是简单的用Servlet实现了一下最基本的功能,仅提供思路。...如果使用spring等框架,他都对图片上传做了很好的封装,应该更加容易。 后台实现图片上传应该来说比较容易,但是比较头疼的是图片上传原生的按钮丑出天际,这里推荐俩实用的上传控件,应该算比较好看。

    2.8K10

    Java实现图片上传到服务器,并把上传的图片读取出来

    https://blog.csdn.net/xmt1139057136/article/details/89531466 在很多的网站都可以实现上传头像,可以选择自己喜欢的图片做头像,从本地上传...,下次登录时可以直接显示出已经上传的头像,那么这个是如何实现的呢?...="submit" value="上传头像"/> form> 至此,图片上传数据库和本地服务器已经实现,那么如何在HTML界面显示出个人信息以及上传的头像呢?...头像上传之前进行处理等操作,可以选择一些插件来完成。这里只是简单的实现了基本功能。 补充 对于图片上传,这里只是简单的用Servlet实现了一下最基本的功能,仅提供思路。...如果使用spring等框架,他都对图片上传做了很好的封装,应该更加容易。 后台实现图片上传应该来说比较容易,但是比较头疼的是图片上传原生的按钮丑出天际,这里推荐俩实用的上传控件,应该算比较好看。

    4.3K30

    Laravel学习记录--request做文件上传

    ()方法:字段自动注入,其值不是从form表单提交 如 $model->stu = $rep->input('0');//表单提交自动给stu赋予0 2.文件上传 $rep->file(‘input name...名称’)->move(‘路径’,[可选指定图片名,不指定以原图片名存储]) 缺点:虽能上传,但访问较复杂 解决办法:使用laravel的文件存储系统 使用laravel文件存储系统做文件上传 2.1配置...文件系统配置文件config/filesystem.php 在disks设置相关驱动 同时 .env配置文件添加相应磁盘名 FILESYSTEM_DRIVER='磁盘名' 上传的文件存储在storage...public的连接 cmd 输入 php artisan storage:link; 4.上传方法 //$rep = Request对象 $path=$rep->file...$path) 使用Storage类做文件上传 //$rep = Request对象 use Storage; $path = Storage::putFile('磁盘名',$reg->file('文件名

    1.2K20

    Bootstrap File Input,最好用的文件上传组件

    大家好,又见面了,我是你们的朋友全栈君。 本篇介绍如何使用 Bootstrap File Input(最好用的文件上传组件)来进行图片的展示、上传,以及如何在服务器端进行文件保存。...maxFileSize 指定上传文件大小 五、带file文件的form表单通过ajax提交 我们先来看带file的form表单布局。...关于iframeCallback的介绍,请参照 summernote所在form表单的数据提交,这里就不多做介绍了。 然后我们来介绍一下回调函数pageAjaxDone。...ajaxDone方法处理服务端传递过来的错误消息,假如说服务端操作成功,那么会显示提示信息,进而跳转到对应的url。...,没有了“allowedFileTypes”,并且指定允许的后缀类型为“[‘jpg’, ‘png’]”,也就是说,假如我们选择了gif的图片就会出现错误提示。

    4.1K20
    领券