tinyMCE版本5.2.1中使用ajax方式将图片的自定义上传

tinyMCE的版本为5.2.1

资料

熟读api http://tinymce.ax-z.cn/general/upload-images.php

http://tinymce.ax-z.cn/

ajax方式

我自己用的

	    images_upload_handler: function(blobInfo, success, failure) {
            var form = new FormData();
			var uploadTime = formatTime(new Date().getTime(),"Y-M-D");
            form.append('files', blobInfo.blob(), blobInfo.filename());
            $.ajax({
                    url: "/keJiaoXingNong/UploadServlet"+"?uploadTime="+uploadTime,
                    type: "post",
                    data: form,
                    processData: false,
                    contentType: false,
                    success: function(data) {
						console.log(data);
						backData = JSON.parse(data);
//                        success(data.location);
						var imgUrl = "/keJiaoXingNong/"+backData.filepath[0];
						console.log(imgUrl);
                        success(imgUrl);

                    },
                    error: function(e) {
                        alert("图片上传失败");
                    }
                });
         },

uploadTime我只是给他加了个日期字段，方便后端分类，无关紧要

这里的最主要的是success(imgUrl);你要 按照他的格式来写，这里参数imgUrl是图片的地址

这里做一下说明。

function（blobInfo, success, failure)

blobInfo——插入的图片信息

success——成功的回调函数

failure——失败的回调函数

我们上面的配置对应的是这里

一些其他的资料

我写的基于tinyMCE的文件上传https://blog.csdn.net/Gabriel_wei/article/details/105603549

其实他的文件上传就是用图片上传改的，如果配置了文件上传，再传图片的时候，对应的是这个