Menu

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

本文章首发在 Laravel China 社区

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

上一篇 下一篇
讨论数量: 16

rundong
不能从剪贴板里黏贴图片?
3 个点赞 | 5 个回复 | 问答 | 课程版本 5.5
followyounger
选择图片之后,会弹出框?
0 个点赞 | 14 个回复 | 问答 | 课程版本 5.5
surest
返回的数据报错 topics/[object%20Object]?
0 个点赞 | 4 个回复 | 问答 | 课程版本 5.5
lizhen_hahaha
产生无用图片的问题?
1 个点赞 | 3 个回复 | 问答 | 课程版本 5.5
feiniao0302
如何使返回的图片链接是 https 呢?
0 个点赞 | 2 个回复 | 问答 | 课程版本 5.5
boris
请问能否设置 simditor 语言成英文?
0 个点赞 | 3 个回复 | 问答 | 课程版本 5.5
tim-laravel
simditor 编辑器, 图片粘贴成功, 却不能保存在本地?
0 个点赞 | 2 个回复 | 问答 | 课程版本 5.5
xuhui
ImageUploadHandler 逻辑问题
0 个点赞 | 2 个回复 | 问答 | 课程版本 5.5
3235413554
添加图片时出现 undefined,F12 查看报 500 错误
0 个点赞 | 7 个回复 | 问答 | 课程版本 5.5
ajax_com
解决上传图片出现 undefined 的错误
0 个点赞 | 0 个回复 | 分享 | 课程版本 5.5
kimchan
托小尼
simditor 上传图片 bug
0 个点赞 | 0 个回复 | 问答 | 课程版本 5.5
tamamonomae
点击插入图片按钮,没有显示可上传图片?
0 个点赞 | 2 个回复 | 问答 | 课程版本 5.7
xolee
如何修改图片的解析格式
0 个点赞 | 0 个回复 | 问答 | 课程版本 5.7
刻意练习,每日精进。
3
点赞
526
浏览
16
讨论

作者