6.3. 上传图片

上传图片

接下来我们要为话题发布页面添加图片上传功能。

1. 设置路由

我们需要先设置路由,这样接下来我们才能设置上传图片的 URL:

routes/web.php

.
.
.

Route::post('upload_image', 'TopicsController@uploadImage')->name('topics.upload_image');

2. JS 脚本调用

我们已经在前面的章节中把 uploader.js 脚本加载进来了,接下来只需要按照 编辑器上传图片文档 进行设定即可:

resources/views/topics/create_and_edit.blade.php

.
.
.
@section('scripts')
  <script type="text/javascript" src="{{ asset('js/module.js') }}"></script>
  <script type="text/javascript" src="{{ asset('js/hotkeys.js') }}"></script>
  <script type="text/javascript" src="{{ asset('js/uploader.js') }}"></script>
  <script type="text/javascript" src="{{ asset(...

本文章首发在 LearnKu.com 网站上。

为了保证课程的高品质,我们需要对课程进行收费。付费后 才能观看剩余内容。 购买

上一篇 下一篇
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
讨论数量: 20

rundong
不能从剪贴板里黏贴图片?
3 个点赞 | 5 个回复 | 问答 | 课程版本 5.5
lizhen_hahaha
产生无用图片的问题?
1 个点赞 | 3 个回复 | 问答 | 课程版本 5.5
followyounger
选择图片之后,会弹出框?
0 个点赞 | 14 个回复 | 问答 | 课程版本 5.5
3235413554
添加图片时出现 undefined,F12 查看报 500 错误
0 个点赞 | 7 个回复 | 问答 | 课程版本 5.5
surest
返回的数据报错 topics/[object%20Object]?
0 个点赞 | 4 个回复 | 问答 | 课程版本 5.5
tamamonomae
点击插入图片按钮,没有显示可上传图片?
0 个点赞 | 3 个回复 | 问答 | 课程版本 5.7
boris
请问能否设置 simditor 语言成英文?
0 个点赞 | 3 个回复 | 问答 | 课程版本 5.5
yandihuangdi
图片上传出错
0 个点赞 | 2 个回复 | 问答 | 课程版本 5.7
xuhui
ImageUploadHandler 逻辑问题
0 个点赞 | 2 个回复 | 问答 | 课程版本 5.5
tim-laravel
simditor 编辑器, 图片粘贴成功, 却不能保存在本地?
0 个点赞 | 2 个回复 | 问答 | 课程版本 5.5
feiniao0302
如何使返回的图片链接是 https 呢?
0 个点赞 | 2 个回复 | 问答 | 课程版本 5.5
Cosmos
关于 ImageUploadHandler 类 save 方法第四个实参 1024?
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.5
kimchan
danielwng
拖拽图片上传没有任何反应
0 个点赞 | 0 个回复 | 分享 | 课程版本 5.7
qianfan
JS 限制最多 3 张无效
0 个点赞 | 0 个回复 | 问答 | 课程版本 5.5
xolee
上传图片后,编辑器中 img 标签增加 data-src
0 个点赞 | 0 个回复 | 问答 | 课程版本 5.7
托小尼
simditor 上传图片 bug
0 个点赞 | 0 个回复 | 问答 | 课程版本 5.5
ajax_com
解决上传图片出现 undefined 的错误
0 个点赞 | 0 个回复 | 分享 | 课程版本 5.5