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

其實他的文件上傳就是用圖片上傳改的，如果配置了文件上傳，再傳圖片的時候，對應的是這個