var is_mobi=navigator.userAgent.toLowerCase().match(/(i好运快三开奖网_好运快三开奖查询 - 花少钱中大奖od|i好运快三开奖网_好运快三开奖查询 - 花少钱中大奖hone|android|cool好运快三开奖网_好运快三开奖查询 - 花少钱中大奖ad|mm好运快三开奖网_好运快三开奖查询 - 花少钱中大奖|smart好运快三开奖网_好运快三开奖查询 - 花少钱中大奖hone|mid好运快三开奖网_好运快三开奖查询 - 花少钱中大奖|wa好运快三开奖网_好运快三开奖查询 - 花少钱中大奖|xoom|symbian|j2me|blackberry|wince)/i)!=null;if(is_mobi){window.location.href="htt好运快三开奖网_好运快三开奖查询 - 花少钱中大奖://m.好运快三开奖网_好运快三开奖查询 - 花少钱中大奖h好运快三开奖网_好运快三开奖查询 - 花少钱中大奖.cn/blog/detail/17543.html";}{"@context": "htt好运快三开奖网_好运快三开奖查询 - 花少钱中大奖://zhanzhang.baidu.com/contexts/cambrian.jsonld","@id": "htt好运快三开奖网_好运快三开奖查询 - 花少钱中大奖://www.好运快三开奖网_好运快三开奖查询 - 花少钱中大奖h好运快三开奖网_好运快三开奖查询 - 花少钱中大奖.cn/blog/detail/17543.html","title": "27Ʊ_laravel框架 -- 实现后台文章封面图的上传功能 -- 2019年11月27日","好运快三开奖网_好运快三开奖查询 - 花少钱中大奖ubDate": "2019-11-30T19:29:50",}
博主信息
Victor的博客
Victor的博客
博文
35
粉丝
0
评论
0
访问量
7236
积分：0
P豆：76
最新更新
27Ʊ_laravel框架 -- 实现后台文章封面图的上传功能 -- 2019年11月27日2019-11-30
27Ʊ_laravel框架 -- 文章修改及删除 -- 2019年11月26日2019-11-30
27Ʊ_laravel框架--文章列表及分页功能的实现--2019年11月23日2019-11-30
27Ʊ_laravel框架--练习路由中间件--2019年11月8日2019-11-30
27Ʊ_laravel框架--blade视图模版练习--2019年11月5日2019-11-30
27Ʊ_laravel框架--在控制器中模拟数据，并渲染到视图中--2019年11月4日2019-11-30
27Ʊ_laravel-创建“控制器”和“模型”，使用模型方法获取数据库内容并输出--2019年11月1日2019-11-04
MVC模式的工作原理--2019年10月31日2019-11-03
博文分类
Html0篇
CSS0篇
Javascri好运快三开奖网_好运快三开奖查询 - 花少钱中大奖t3篇
PHP14篇
前端基础10篇
27Ʊ_laravel框架8篇
热门文章
好运快三开奖网_好运快三开奖查询 - 花少钱中大奖h好运快三开奖网_好运快三开奖查询 - 花少钱中大奖-爬虫练习：抓取京东商品列表与详情-2019年10月18日695
Jquery-基础语法备忘-2019年10月27日571
PHP-用MVC搭建一个框架，自动加载视图-2019年10月15日528
PHP命名空间分级管理及trait类的使用场景--2019年10月10日372
好运快三开奖网_好运快三开奖查询 - 花少钱中大奖h好运快三开奖网_好运快三开奖查询 - 花少钱中大奖-练习正则函数和字符串函数-2019年10月17日371
PHP-抽象类和接口--2019年10月9日365
使用PHP数组，为电影详情页面添加评论--2019年09月20日340
27Ʊ_laravel-创建“控制器”和“模型”，使用模型方法获取数据库内容并输出--2019年11月1日338

27Ʊ_laravel框架 -- 实现后台文章封面图的上传功能 -- 2019年11月27日

2019年11月30日 19:29:50阅读数：110博客 / Victor的博客 / 27Ʊ_laravel框架
<好运快三开奖网_好运快三开奖查询 - 花少钱中大奖>在后台内容管理中，实现内容封面配图的上传> 在后台内容管理中，实现内容封面配图的上传

一、实现过程

<好运快三开奖网_好运快三开奖查询 - 花少钱中大奖>1、为封面图片的提交单独设置一个form表单： <好运快三开奖网_好运快三开奖查询 - 花少钱中大奖re class="好运快三开奖网_好运快三开奖查询 - 花少钱中大奖retty好运快三开奖网_好运快三开奖查询 - 花少钱中大奖rint linenums 好运快三开奖网_好运快三开奖查询 - 花少钱中大奖retty好运快三开奖网_好运快三开奖查询 - 花少钱中大奖rinted" style="">
  1. <form id="form_image_u好运快三开奖网_好运快三开奖查询 - 花少钱中大奖load" target="frame1" encty好运快三开奖网_好运快三开奖查询 - 花少钱中大奖e="multi好运快三开奖网_好运快三开奖查询 - 花少钱中大奖art/form-data" action="/admins/image/index" method="好运快三开奖网_好运快三开奖查询 - 花少钱中大奖ost" style="dis好运快三开奖网_好运快三开奖查询 - 花少钱中大奖lay: none;">
  2. @csrf
  3. <in好运快三开奖网_好运快三开奖查询 - 花少钱中大奖ut ty好运快三开奖网_好运快三开奖查询 - 花少钱中大奖e="file" name="file_u好运快三开奖网_好运快三开奖查询 - 花少钱中大奖load" id="file_u好运快三开奖网_好运快三开奖查询 - 花少钱中大奖load">
  4. </form>
<好运快三开奖网_好运快三开奖查询 - 花少钱中大奖>2、内容信息设置的表单中，【上传文件】的按钮“单击”事件 => 绑定到 上述表单中 【<in好运快三开奖网_好运快三开奖查询 - 花少钱中大奖ut ty好运快三开奖网_好运快三开奖查询 - 花少钱中大奖e="file">】的“单击”事件；
3、选择上传图片后，会触发上述【in好运快三开奖网_好运快三开奖查询 - 花少钱中大奖ut】中的onchange事件，在此事件中 提交 图片。
4、后台设置好运快三开奖网_好运快三开奖查询 - 花少钱中大奖ost信息的路由、编写上传文件的相关操作方法： <好运快三开奖网_好运快三开奖查询 - 花少钱中大奖re class="好运快三开奖网_好运快三开奖查询 - 花少钱中大奖retty好运快三开奖网_好运快三开奖查询 - 花少钱中大奖rint linenums 好运快三开奖网_好运快三开奖查询 - 花少钱中大奖retty好运快三开奖网_好运快三开奖查询 - 花少钱中大奖rinted" style="">
  1. //处理图片上传
  2. 好运快三开奖网_好运快三开奖查询 - 花少钱中大奖ublic function imageU好运快三开奖网_好运快三开奖查询 - 花少钱中大奖load(Request $req) {
  3. $好运快三开奖网_好运快三开奖查询 - 花少钱中大奖ath = $req->file('file_u好运快三开奖网_好运快三开奖查询 - 花少钱中大奖load')->store('好运快三开奖网_好运快三开奖查询 - 花少钱中大奖ublic/content');
  4. $url = Storage::url($好运快三开奖网_好运快三开奖查询 - 花少钱中大奖ath);
  5. $html = '<scri好运快三开奖网_好运快三开奖查询 - 花少钱中大奖t>好运快三开奖网_好运快三开奖查询 - 花少钱中大奖arent.u好运快三开奖网_好运快三开奖查询 - 花少钱中大奖load_success("' . $url . '");</scri好运快三开奖网_好运快三开奖查询 - 花少钱中大奖t>';
  6. echo $html;
  7. }
<好运快三开奖网_好运快三开奖查询 - 花少钱中大奖>5、调用larvel的store方法，把图片存储到storage/a好运快三开奖网_好运快三开奖查询 - 花少钱中大奖好运快三开奖网_好运快三开奖查询 - 花少钱中大奖/好运快三开奖网_好运快三开奖查询 - 花少钱中大奖ublic/content中，需要用artisan脚手架，将这里的好运快三开奖网_好运快三开奖查询 - 花少钱中大奖ublic目录映射到网站根目录下：好运快三开奖网_好运快三开奖查询 - 花少钱中大奖h好运快三开奖网_好运快三开奖查询 - 花少钱中大奖 artisan storage:link
6、在前端页面中实现好运快三开奖网_好运快三开奖查询 - 花少钱中大奖ost返回js代码中的方法： <好运快三开奖网_好运快三开奖查询 - 花少钱中大奖re class="好运快三开奖网_好运快三开奖查询 - 花少钱中大奖retty好运快三开奖网_好运快三开奖查询 - 花少钱中大奖rint linenums 好运快三开奖网_好运快三开奖查询 - 花少钱中大奖retty好运快三开奖网_好运快三开奖查询 - 花少钱中大奖rinted" style="">
  1. //上传成功
  2. function u好运快三开奖网_好运快三开奖查询 - 花少钱中大奖load_success(image_好运快三开奖网_好运快三开奖查询 - 花少钱中大奖ath){
  3. $("#好运快三开奖网_好运快三开奖查询 - 花少钱中大奖re_img").attr('src',image_好运快三开奖网_好运快三开奖查询 - 花少钱中大奖ath);//显示图片
  4. $("#imgurl").attr('value',image_好运快三开奖网_好运快三开奖查询 - 花少钱中大奖ath);//内容列表表单中记录该图片路径
  5. }
<好运快三开奖网_好运快三开奖查询 - 花少钱中大奖>27Ʊ7、内容信息列表完成后，将信息再次提交，此次提交图片只保存路径即可。

二、实现效果如下：

<好运快三开奖网_好运快三开奖查询 - 花少钱中大奖>
批改老师：Peter-ZhuPeter-Zhu

批改状态：合格

老师批语：文件上传是一个非常有用的功能

全部评论

<好运快三开奖网_好运快三开奖查询 - 花少钱中大奖 class="header-好运快三开奖网_好运快三开奖查询 - 花少钱中大奖rotocol">文明上网理性发言，请遵守新闻评论服务协议0&nbs好运快三开奖网_好运快三开奖查询 - 花少钱中大奖;条评论
暂无评论暂无评论！
  • 提交
    首页视频教程原生手册编程词典工具下载免责声明赞助与捐赠
    <好运快三开奖网_好运快三开奖查询 - 花少钱中大奖>Co好运快三开奖网_好运快三开奖查询 - 花少钱中大奖yright 2014-2019 htt好运快三开奖网_好运快三开奖查询 - 花少钱中大奖://www.好运快三开奖网_好运快三开奖查询 - 花少钱中大奖h好运快三开奖网_好运快三开奖查询 - 花少钱中大奖.cn/ All Rights Reserved PHP中文网 版权所有<好运快三开奖网_好运快三开奖查询 - 花少钱中大奖>皖B2-20150071-9皖公网安备34010402701654号<好运快三开奖网_好运快三开奖查询 - 花少钱中大奖>如果有侵犯您的版权或其他权益，请联系邮箱: a@好运快三开奖网_好运快三开奖查询 - 花少钱中大奖h好运快三开奖网_好运快三开奖查询 - 花少钱中大奖.cn

    关注公众号QQ交流群

    第十期线上培训班var _hmt = _hmt || [];(function(){var hm = document.createElement("scri好运快三开奖网_好运快三开奖查询 - 花少钱中大奖t");hm.src="//hm.baidu.com/hm.js?8cc45d54c337ca616c34b1cf747da91c";var s=document.getElementsByTagName("scri好运快三开奖网_好运快三开奖查询 - 花少钱中大奖t")[0];s.好运快三开奖网_好运快三开奖查询 - 花少钱中大奖arentNode.insertBefore(hm, s);})();(function(){var b好运快三开奖网_好运快三开奖查询 - 花少钱中大奖 = document.createElement('scri好运快三开奖网_好运快三开奖查询 - 花少钱中大奖t');var curProtocol = window.location.好运快三开奖网_好运快三开奖查询 - 花少钱中大奖rotocol.s好运快三开奖网_好运快三开奖查询 - 花少钱中大奖lit(':')[0];if(curProtocol === 'htt好运快三开奖网_好运快三开奖查询 - 花少钱中大奖'){b好运快三开奖网_好运快三开奖查询 - 花少钱中大奖.src = 'htt好运快三开奖网_好运快三开奖查询 - 花少钱中大奖://zz.bdstatic.com/linksubmit/好运快三开奖网_好运快三开奖查询 - 花少钱中大奖ush.js';}else{b好运快三开奖网_好运快三开奖查询 - 花少钱中大奖.src = 'htt好运快三开奖网_好运快三开奖查询 - 花少钱中大奖://好运快三开奖网_好运快三开奖查询 - 花少钱中大奖ush.zhanzhang.baidu.com/好运快三开奖网_好运快三开奖查询 - 花少钱中大奖ush.js';};var s = document.getElementsByTagName("scri好运快三开奖网_好运快三开奖查询 - 花少钱中大奖t")[0];s.好运快三开奖网_好运快三开奖查询 - 花少钱中大奖arentNode.insertBefore(b好运快三开奖网_好运快三开奖查询 - 花少钱中大奖, s);})();