在 Froala 编辑器中上传图片时如何替换图片 URL？答案

【问题标题】：How to replace image URL when upload image in Froala editor?在 Froala 编辑器中上传图片时如何替换图片 URL？
【发布时间】：2018-01-01 18:42:18
【问题描述】：

我尝试将图像上传到我自己的服务器 (Firebase)。我设法通过使用此事件上传到我的服务器。

'froalaEditor.image.beforeUpload' : function(e, editor, images) {
     let uploadTask: firebase.storage.UploadTask;
     var time = Date.now()
     let storageRef = firebase.storage().ref();
     let path = `this.uid/Article_img/${time}`;
     uploadTask = storageRef.child(path).put(images[0])
     uploadTask.on(firebase.storage.TaskEvent.STATE_CHANGED,
     (error) => {
        console.log(error)
     },
     () => {
        this.downloadURL = uploadTask.snapshot.downloadURL;
     })
}

当我插入图片时，图片已成功上传到我的服务器。但是，我不知道如何替换编辑器中的 url，因为现在它仍然使用默认 url。我不知道如何替换或更改图像 URL。

【问题讨论】：

您解决了这个问题吗？
您能说说您是如何解决这个问题的吗？
你是怎么解决的？
检查这个 github 问题：github.com/froala/angular-froala-wysiwyg/issues/114

标签： angular typescript firebase firebase-storage froala

【解决方案1】：

你需要做一些实验。

我做的是

var returnFileUpload = FroalaEditor.Image.Upload(System.Web.HttpContext.Current, uploadPath);

然后，我更改了指向服务器中正确目录的链接，而不是返回上述方法返回的链接。我不得不将一些路径链接附加到上面返回的链接。类似的东西

var tempLinkCreatedByEditor = returnFileUpload.ToString();

var finalLinkToBeReturned = "/../goBackOneLevelUpinDirectory/" + tempLinkCreatedByEditor.Substring(10);

希望这会有所帮助。

【讨论】：