admin 管理员组

文章数量: 1184232


2024年4月24日发(作者：javascript和js)

laravel中使用WangEditor及多图上传

1. 安装并配置 WangEditor

- 在 `config/` 文件中的 `providers` 数组中添加：

`WangEditorServiceProvider::class`

- 运行 `php artisan vendor:publish` 命令发布 wangEditor 配置

文件和资源文件

- 在 `.env` 文件中配置上传图片保存的路径：

`IMAGE_UPLOAD_PATH=/path/to/save/image`

2.创建路由和控制器方法

-定义一个路由指向接收上传图片的控制器方法

-在控制器中创建方法来处理上传的图片，将图片保存到指定路径，

并返回图片URL

3.创建视图页面

-在表单中添加一个用于上传图片的文件输入框

- 在表单页面引入 wangEditor 的样式和 JavaScript 文件

- 在表单页面的 JavaScript 部分创建一个 WangEditor 实例，并设

置配置项，如上传图片的接口地址等

- 使用 jQuery等方式获取表单数据并提交到后端

5.后端处理上传图片

- 在控制器的方法中，使用 `IlluminateHttpRequest` 类获取表

单中的文件输入框的值

- 使用 `store(` 方法将上传的图片保存到指定路径，并返回保存后

的图片路径

-根据需要，可以将图片路径保存到数据库中

6.前端显示图片


本文标签： 图片 上传 保存 表单 方法

版权声明：本文标题：laravel中使用WangEditor及多图上传 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/p/1713955713a659196.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。