首页 » 网站建设 » php图片怎么复制技巧_WANGEDITOR若何能实现直接粘贴把图片上传到做事器中

php图片怎么复制技巧_WANGEDITOR若何能实现直接粘贴把图片上传到做事器中

访客 2024-12-05 0

扫一扫用手机浏览

文章目录 [+]

从word中复制内容,从word中复制图片和笔墨,然后粘贴到wangEditor编辑器中,粘贴后图片自动上传到做事器中,能够看到每一张图片的上传进度,已经上传的大小,剩余韶光,上传速率。

上传后返回笔墨和图片HTML,自动将笔墨和图片HTML添加到编辑器中,用户能够直接看到粘贴后的效果,保留笔墨样式,字体大小,字体颜色

php图片怎么复制技巧_WANGEDITOR若何能实现直接粘贴把图片上传到做事器中

用户利用操作起来更方便一些,一样平常发新闻,或者发文章用的比较多,可以说是高频利用,

php图片怎么复制技巧_WANGEDITOR若何能实现直接粘贴把图片上传到做事器中
(图片来自网络侵删)

前端用了VUE2,VUE3,后端用了PHP,JSP,ASP,ASP.NET,SpringBoot

完全示例

https://gitee.com/xproer/wordpaster-vue-wang-editor

1.复制插件文件

安装jquery

npm install jquery

2.导入组件

初始化WordPaster组件

测试前请配置图片上传接口并测试成功

接口测试:http://www.ncmem.com/doc/view.aspx?id=61f361025c9247098f6a15c3dfc53db5

接口返回JSON格式参考:

http://www.ncmem.com/doc/view.aspx?id=07e3f323d22d4571ad213441ab8530d1

为wangEditor编辑器添加按钮

整合效果:

标签:

相关文章

vuephp实例技巧_vue2 PHP 交互

vue只关注视图层1.以PHP为例,首先须要引入,我们利用CDN,地址是<script src=\公众https:/...

网站建设 2024-12-07 阅读0 评论0

ajax和php实例技巧_PHPAJAX 与 PHP

AJAX PHP 实例下面的实例将演示当用户在输入框中键入字符时,网页如何与 Web 做事器进行通信:实例考试测验在输入框中输入一...

网站建设 2024-12-07 阅读0 评论0