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 网站上。

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

上一篇 下一篇
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
讨论数量: 22

rundong
不能从剪贴板里黏贴图片?
3 个点赞 | 6 个回复 | 问答 | 课程版本 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
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
托小尼
simditor 上传图片 bug
0 个点赞 | 0 个回复 | 问答 | 课程版本 5.5
阿贾克斯
解决上传图片出现 undefined 的错误
0 个点赞 | 0 个回复 | 分享 | 课程版本 5.5