中文文档

此页更新时间：2020-03-31 21:22

此页英文文档：无

• 插件作者：莫若卿
• 支持版本：5.0.4+
• 支持语言：仅中文
• 插件版本：1.6
• 下载插件：axupimgs.zip
• 使用方法：将解压得到的文件夹，放到TinyMCE主目录下的plugins文件夹内。

作用：这是一个tinymce多图片批量上传插件，支持拖拽文件添加，拖拽支持白名单，自动过滤非白名单文件类型，支持全选后直接无脑拽。

注意：此插件依赖image插件，不能单独使用。

<p>服务器水管有限，请勿上传大图多图。</p><ul> <li>1.6更新：加入图片回调的上传失败处理。</li> <li>1.5更新：加入拖拽添加图片功能，自动过滤非白名单文件类型，可以无脑拽。</li> <li>1.4更新：修复上传后清空列表，点提交仍插入图片的问题（感谢群友“黄河小鲤鱼”发现Bug）。</li> <li>1.3更新：修复使用top导致多层iframe嵌套报错的问题。</li> <li>1.2更新：继续精简掉了内置的axt，使用observe模式。</li> <li>1.1更新：去掉1.0的jQuery引用（精简大小82KB），全部用原生JS实现。</li> </ul>

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,.jpeg'

这是一个免费插件，但你也可以关注公众号支持作者。