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 中的输出结果中添加判断, 单图片不直接返回结果
2Config.json 修改访问路径和保存路径
这样就基本完成了, 看看效果 单图
总结
以上所述是小编给大家介绍的 VUE + UEditor 单图片跨域上传功能, 希望对大家有所帮助, 如果大家有任何疑问请给我留言, 小编会及时回复大家的在此也非常感谢大家对脚本之家网站的支持!
来源: http://www.jb51.net/article/134710.htm