php处理app上传的图片(php用wangeditor3实现图片上传功能)
类别:编程学习 浏览量:1614
时间:2021-10-27 10:16:15 php处理app上传的图片
php用wangeditor3实现图片上传功能就在最近,公司让我写一个后台,其中用到了富文本编辑器。自从这个富文本的出现 我就慢慢的进入了一个坑,起初不知道用什么编辑器好,看了好多好多,最后选择了。这个 wangeditor3。个人认为这个富文本很干净,还很多功能。
选择了编辑器 我就慢慢的走进了坑的道理,一步一个坎。接下来就是看代码了。
这个是wangeditor,选择一个自己喜欢的版本。我用的是3的
https://github.com/wangfupeng1988/wangeditor/releases
定义一个富文本编辑器
然后富文本就出现了
然后就是图片上传代码 首先要在js中配置点东西。
|
<script> var e = window.wangeditor; var editor = new e(‘#elm1‘); editor.customconfig.uploadimgserver = "uploads.php" ; // 上传图片到服务器 editor.customconfig.uploadfilename = "file" ; //文件名称 也就是你在后台接受的 参数值 editor.customconfig.uploadimgheaders = { //header头信息 ‘accept‘: ‘text/x-json‘ } // 将图片大小限制为 3m editor.customconfig.uploadimgmaxsize = 3 * 1024 * 1024 //默认为5m editor.customconfig.uploadimgshowbase64 = false; // 使用 base64 保存图片 // editor.customconfig.customalert = function (info) { //自己设置alert错误信息 // // info 是需要提示的内容 // alert(‘自定义提示:‘ + ‘图片上传失败,请重新上传‘) // }; editor.customconfig.debug = true; //是否开启debug 默认为false 建议开启 可以看到错误 // editor.customconfig.debug = location.href.indexof(‘wangeditor_debug_mode=1‘) > 0; // 同上 二选一 //图片在编辑器中回显 editor.customconfig.uploadimghooks = { error: function (xhr, editor) { alert( "2:" + xhr + "请查看你的json格式是否正确,图片并没有上传" ); // 图片上传出错时触发 如果是这块报错 就说明文件没有上传上去,直接看自己的json信息。是否正确 // xhr 是 xmlhttprequst 对象,editor 是编辑器对象 }, fail: function (xhr, editor, result) { // 如果在这出现的错误 就说明图片上传成功了 但是没有回显在编辑器中,我在这做的是在原有的json 中添加了 // 一个url的key(参数)这个参数在 custominsert也用到 // alert( "1:" + xhr + "请查看你的json格式是否正确,图片上传了,但是并没有回显" ); }, success: function (xhr, editor, result){ //成功 不需要alert 当然你可以使用console.log 查看自己的成功json情况 //console.log(result) // insertimg(‘https://ss0.bdstatic.com/5av1bjqh_q23odcf/static/superman/img/logo/bd_logo1_31bdc765.jpg" alt="php处理app上传的图片(php用wangeditor3实现图片上传功能)" border="0" /> }, custominsert: function (insertimg, result, editor) { //console.log(result); // 图片上传并返回结果,自定义插入图片的事件(而不是编辑器自动插入图片!!!) // insertimg 是插入图片的函数,editor 是编辑器对象,result 是服务器端返回的结果 // 举例:假如上传图片成功后,服务器端返回的是 {url:‘....‘} 这种格式,即可这样插入图片: insertimg(result.url); } }; editor.customconfig.showlinkimg = true; //是否开启网络图片,默认开启的。 editor.create() </script> |
这些是javascript的配置代码。
详细的php代码在我的git里面 有兴趣的可以下载一下~
https://github.com/wjmgg/wangeditor3uploadforphp.git
这样wangeditor3的图片上传就完成了。
以上就是本次介绍的全部知识点内容,感谢大家对开心学习网的支持。
原文链接:https://www.cnblogs.com/wjm956/p/9449147.html
您可能感兴趣
- 深入理解php 变量(不常用但很实用的PHP预定义变量分析)
- linux怎么设置php代码(linux Cron定时执行带参数的PHP代码)
- phpob函数使用方法(php中isset与empty函数的困惑与用法分析)
- php加密平台(PHP7实现和CryptoJS的AES加密方式互通示例AES-128-ECB加密)
- php环境搭建windows系统(Windows环境下安装PHP Pear的方法图文教程)
- thinkphp 多维度展示数据(Thinkphp自定义生成缩略图尺寸的方法)
- phpmysql怎么搭建(PHP使用PDO、mysqli扩展实现与数据库交互操作详解)
- php解读三重境界(PHP 观察者模式深入理解与应用分析)
- apachephp安装配置教程交流(Apache中利用mod_rewrite实现防盗链)
- php系统化框架教程(PHP+swoole+linux实现系统监控和性能优化操作示例)
- phplaravel开发规范(Laravel解决nesting level错误和隐藏index.php的问题)
- thinkphp接口开发实例(ThinkPHP5.0框架结合Swoole开发实现WebSocket在线聊天案例详解)
- nginx和php怎么结合(php和nginx交互实例讲解)
- phpsession如何用(如何解决PHP获取不到SESSION信息之一般情况)
- php递归实现(PHP递归统计系统中代码行数)
- dedecms新字段(DEDECMSv5.6 tags.php标签不能按照时间排序的问题)
- 盘古开天地 他创造了世界,谁创造了盘古 盘古是伏羲吗(盘古开天地他创造了世界)
- 关于队徽 你了解这些么 二(关于队徽你了解这些么)
- 冬天来了手脚冰凉 真不是因为上辈子你是折翼的天使(冬天来了手脚冰凉)
- 0 1 岁婴儿最强作息指南,照着做养出天使宝宝(01岁婴儿最强作息指南)
- 沪上这16所高校 萌新 礼包开箱 哪一款让你心动(沪上这16所高校萌新)
- 她救了被绑架的他,而这一切竟是一场阴谋...(她救了被绑架的他)
热门推荐
- python开发网站github(使用 Python 玩转 GitHub 的贡献板推荐)
- 怎么用css设计边框(单元素利用css实现多重边框效果示例代码)
- SQL SERVER 数据库外键
- python对象创建流程(Python3.5面向对象与继承图文实例详解)
- mysql索引的弊端(MySQL 全文索引的原理与缺陷)
- docker-compose怎么编写(docker-compose部署php项目实例详解)
- sleep线程不安全(当master down掉后,pt-heartbeat不断重试会导致内存缓慢增长的原因及解决办法)
- docker查看挂载目录(docker-修改容器挂载目录的3种方法小结)
- mysql设置updatetime自动更新(mysql 实现添加时间自动添加更新时间自动更新操作)
- php测试服务器ftp地址(PHP获取远程http或ftp文件的md5值的方法)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9