使用simditor内置上传功能获取回调信息

最近web项目涉及到编辑器这一款,在网上找了几款,选中了simditor,因为它小巧轻便,也能满足需求。


simditor编辑器内是可以上传图片的,并且回调信息都能获取到。但现在我需要在编辑器外上传图片,添加个封面。最简单的方式当然是直接使用上传插件来完成。但想到simditor是可以上传图片的,那么肯定内置了上传的功能,而且simditor上传图片的接收和返回方法我都已经写好了,使用simditor内置的上传图片方法,后台都不用改了。

使用内置的上传方法非常简单

editor.uploader.upload($("#file"));


file就是file类型的input id

<input id="file" name="file" type="file" />


但是这样调用回调方法是没有的(至少我在文档中没有找到)。

然后尝试了n多种事件,只有一种是可以的。

editor.uploader.on("uploadcomplete", function (f, r) {

    obj = JSON.parse(r.xhr.responseText);

    console.log(obj.file_path);

});


点击上传完整调用

$("#imgbtn").click(function () {

    editor.uploader.on("uploadcomplete", function (f, r) {

        obj = JSON.parse(r.xhr.responseText);

        console.log(obj.file_path);

    });

    editor.uploader.upload($("#file"));

});


 

展开阅读全文