开源网站代码,网络规划与设计题库,宁波品牌网站建设公司,soho建设外贸网站需要用上插件#xff1a;axupimgs插件作者#xff1a;莫若卿支持版本#xff1a;5.0.4支持语言#xff1a;仅中文插件版本#xff1a;1.6一、axupimgs 插件作用#xff1a;这是一个tinymce多图片批量上传插件#xff0c;支持拖拽文件添加#xff0c;拖拽支持白名单axupimgs插件作者莫若卿支持版本5.0.4支持语言仅中文插件版本1.6一、axupimgs 插件作用这是一个tinymce多图片批量上传插件支持拖拽文件添加拖拽支持白名单自动过滤非白名单文件类型支持全选后直接无脑拽。注意此插件依赖image插件不能单独使用。默认下载的TinyMCE编辑器里也是不包含此插件的需要单独下载。二、axupimgs 插件下载TinyMCE中文网站http://tinymce.ax-z.cn/more-plugins/axupimgs.zip百度风盘链接链接: https://pan.baidu.com/s/1w4RE_an7Xi8KLLAVm6kf4A 提取码: ivjj三、axupimgs 插件使用方法1、将解压得到的文件夹放到TinyMCE主目录下的plugins文件夹内。2、前端JS代码以下这段JavaScript代码images_upload_handler那段可以直接复制用只需要改Ajax POST提交后端处理的路径即可tinymce.init({selector: #tinydemo,plugins: code image axupimgs,toolbar: code axupimgs,images_upload_base_path: /demo,images_upload_handler: function (blobInfo, succFun, failFun) {var xhr, formData;var file blobInfo.blob();//转化为易于理解的file对象xhr new XMLHttpRequest();xhr.withCredentials false;xhr.open(POST, /demo/upimg2.php);xhr.onload function() {var json;if (xhr.status ! 200) {failFun(HTTP Error: xhr.status);return;}json JSON.parse(xhr.responseText);if (!json || typeof json.location ! string) {failFun(Invalid JSON: xhr.responseText);return;}succFun(json.location);};formData new FormData();formData.append(file, file, file.name );xhr.send(formData);}});必须参数images_upload_handler插件直接调用图片上传的回调参数进行上传所以图片回调是必须写的。可选参数images_upload_base_path图片回调url的相对路径可写可不写为兼容图片回调而设。插件自身的参数axupimgs_filetype设置允许上传的图片类型默认参数能满足大部分需求。这里只是前端判断后端需要自行判断文件类型。默认值.png,.gif,.jpg,.jpeg3、PHP后端处理代码upimg2.php这里我就不多写了可以直接跟“TinyMCE图片上传”代码一样毕竟都是处理单张图片只不过这里用的是AJAX处理。同样多图上传这里返回的JSON格式也是一样的。4、最终效果总结由于这是一个免费插件非常感谢作者的贡献。
