5.3. 上传图片

本教程最新版为 9.x,当前版本已放弃维护,请阅读最新版本!

上传图片

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

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>
    <...

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

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

上一篇 下一篇
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
贡献者:1
讨论数量: 25

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