首页 > 其他分享 >laravel框架中上传图片,并在本地显示

laravel框架中上传图片,并在本地显示

时间:2023-04-27 09:44:49浏览次数:35  
标签:laravel file data image request upload 本地 上传

 1 //处理文件上传
 2         if ($request->hasFile('image')&&$request->file('image')->isValid()){
 3             //对上传文件做必要处理
 4             $filename=date('ymdHis').rand(100000,999999).'.'.$request->file('image')->extension();
 5             //移动文件到指定目录下
 6             $request->file('image')->move('./statics/upload',$filename);
 7         }
 8         //验证成功后提示消息
 9 //        echo "成功";
10         $data=$request->only('name','sum','price');
11         $data['image']='/statics/upload/'.$filename;
12         $res=Shop::create($data);
13         if ($res){
14             return "<script>alert('添加成功')</script>";
15         }else{
16             return "失败";
17         }

上面是控制器代码,(记得在public目录下面创建一个   static/upload  目录)    下面是在前端展示的代码

 1  @foreach($data as $v)
 2                 <tr class="text-c">
 3                     <th><input type="checkbox" name="" value=""></th>
 4                     <th>{{$v->id}}</th>
 5                     <th>{{$v->name}}</th>
 6                     <th>{{$v->sum}}</th>
 7                     <th>{{$v->price}}</th>
 8                     <th>
 9                         <img src="{{$v->image}}" width="150px">
10                     </th>
11                     <th>{{$v->created_at}}</th>
12                     <th>
13                         <a href="">操作</a>
14                     </th>
15                 </tr>
16             @endforeach

下面是效果图

 

标签:laravel,file,data,image,request,upload,本地,上传
From: https://www.cnblogs.com/Boboschen/p/17358049.html

相关文章

  • mvn命令上传分步上传jar和pom文件
    1、首先在setting.xml文件<server>配置id和用户名、密码 假如id:snapshot 2、上传pom。文件mvndeploy:deploy-file-Dfile=XX-0.0.5-SNAPSHOT.pom-DgroupId=com.XX-DartifactId=XX-Dversion=0.0.5-SNAPSHOT-Dpackaging=pom-DrepositoryId=snapshot-Durl=http://n......
  • 远程服务器画面GUI传输到本地显示
    远程服务器画面GUI传输到本地显示这篇文章主要介绍远程服务器(Ubuntu系统)的GUI画面传输到本地(本地Ubuntu或者Windows)显示的方法。一远程Ubuntu系统-->本地Windows系统WIndows配置XMing下载安装XmingXming安装目录下打开X0.hosts,将服务器ip添加进去保存打开Xmin......
  • SpringMcv 文件上传下载
    文件上传SpringMVC为文件上传提供了直接的支持,这种支持是通过即插即用的MultipartResolver实现的。Spring用JakartaCommonsFileUpload技术实现了一个MultipartResolver实现类:CommonsMultipartResovlerSpringMVC上下文中默认没有装配MultipartResovler,因此默认情况......
  • 如何在博客园快速上传Markdown文件
    如何在博客园快速上传Markdown文件1、首先拥有书写MarkDown文件的工具:例如:Typora(博主推荐使用)MarkdownPadBookPad小书匠VisualStudioCode等等下载Typora的地址(自取):MarkDown软件https://www.aliyundrive.com/s/vnBazjXLdkr提取码:tx58点击链接保存,或者复制本段内......
  • layui选择多张图片上传多图上传到服务器保存
    多图上传在一些特殊的需求中我们经常会遇到,其实多图上传的原理大家都有各自的见解。对于Layui多图上传和我之前所说的通过js获取文本框中的文件数组遍历提交的原理一样,只不过是Layui中的upload.render方法已经帮我们封装好了,我们只管调用即可,也就是说你选中了几张图片,那么将会向后......
  • struts1 上传文件
    java代码:packagecom.struts1.form;importorg.apache.struts.action.ActionForm;importorg.apache.struts.upload.FormFile;publicclassUploadFileFormextendsActionForm{ privatestaticfinallongserialVersionUID=1L; privateFormFileformFile; pu......
  • npm、node本地启动服务访问静态html
    1.使用express启动服务安装expressnpmiexpress--save新建app.js启动命令文件varexpress=require('express');varpath=require('path');varapp=express();app.use(express.static(path.join(__dirname,'public')));varserver=app......
  • 腾讯云CDN命令行自动上传
    最近这个项目的运营提供的是腾讯云的CDN,一开始使用起来不是特别方便,因为运营那边无法提供部分权限的子账号,只能自己研究下操作了。开始为了方便测试对接下载正常,使用了腾讯云专属的cosbrowser的Win端来说手动拖进去,然后测试桶路径下下载链接是否可以已正常进行。cosbrowser下载......
  • 超大文件上传和断点续传的控件
    ​ PHP用超级全局变量数组$_FILES来记录文件上传相关信息的。1.file_uploads=on/off 是否允许通过http方式上传文件2.max_execution_time=30 允许脚本最大执行时间,超过这个时间就会报错3.memory_limit=50M 设置脚本可以分配的最大内存量,防止失控脚本占用过多内存,此......
  • 超大文件上传和断点续传的组件
    ​ 以ASP.NETCoreWebAPI 作后端 API ,用 Vue 构建前端页面,用 Axios 从前端访问后端 API,包括文件的上传和下载。 准备文件上传的API #region 文件上传  可以带参数        [HttpPost("upload")]        publicJsonResultuploadProject(I......