首页  编辑  

wangEditor实现支持第三方图床

Tags: /计算机文档/网页制作/   Date Created:
wangEditor使用第三方图床:

首先在创建editor前自定义编辑器上传图片url:
	editor.config.customUploadImg = function(files, insert){
		var file
		for(file in files){
			var xhr = new XMLHttpRequest();
			var formData = new FormData();
			formData.append('file', files[file]);
			xhr.open("POST", '/file.php', true);
			xhr.onreadystatechange = function() {
				alert(this.responseText);
				if (this.readyState == 4 && this.status == 200) {
					var json = JSON.parse(this.responseText);
					insert(json.url);
				}
			}
			xhr.send(formData);
		} 
	}
其中/file.php为后面需要用到的反向代理的名字。

其次,修改Apache(Nginx类似)的反向代理, 在站点的conf中,增加类似代码:
SSLProxyEngine on
ProxyPass /file.php https://www.youimg.xyz/file.php
ProxyPassReverse /file.php https://www.youimg.xyz/file.php
其中https://www.youimg.xyz 为对应的图床。