VUE+UEditor图片跨域上传怎样实现
Apr 12, 2018 pm 05:38 PM这次给大家带来VUE+UEditor图片跨域上传怎样实现,实现VUE+UEditor图片跨域上传的注意事项有哪些,下面就是实战案例,一起来看一下。
UEditor官网说不提供单图片的跨域,所以只能自己解决。查了网上的很多方案,但是没看到和vue一起用的,不过倒是获得了一些思路。本着不想改太多源代码的基础上尝试着...一不小心就可以用了 解决方案:上传单图片的时后端不直接返回JSON,而是重定向到前端页面
前端:VUE
后端:WAMP + ThinkPHP5.0
前端
http://localhost:8888
1、去官网下载UEditor到vue中,打开ueditor.config.js配置服务器路径(本地域名可以去hosts文件中添加),下面是我的配置
2、打开ueditor.all.js查找<input id= 在后面添加标识以便后端判断是否是单图片上传:
3、创建一个页面展示JSON数据。我直接用路由参数接收返回的结果后再拼接,整个JSON接收不到,所以只好拆开了,没有显示所有的JSON,只获取state和url。暂时不懂不访问接口用什么方式接收后端数据,如果有好的解决方式欢迎提出。
后端
http://localhost.server.com
1、把UEditor的PHP版本下载下来,里面的PHP文件夹下的文件复制到项目中,在Controller中的输出结果中添加判断,单图片不直接返回结果
2、Config.json修改访问路径和保存路径
相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
推荐阅读:
Atas ialah kandungan terperinci VUE+UEditor图片跨域上传怎样实现. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Artikel Panas

Alat panas Tag

Artikel Panas

Tag artikel panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

Bagaimana untuk melaksanakan log masuk WeChat dwi pada telefon mudah alih Huawei?

Gunakan Java untuk menulis kod untuk melaksanakan animasi cinta

Bagaimana untuk melaksanakan fungsi klon WeChat pada telefon mudah alih Huawei

Panduan Pengaturcaraan PHP: Kaedah untuk Melaksanakan Jujukan Fibonacci

Kuasai cara Golang mendayakan kemungkinan pembangunan permainan

Cadangan pembangunan: Cara menggunakan rangka kerja ThinkPHP untuk melaksanakan tugas tak segerak

Panduan Pelaksanaan Keperluan Permainan PHP

Bagaimana untuk melaksanakan operasi pembahagian yang tepat di Golang
