如何在Froala编辑器中上传图像时替换图像URL?

时间:2017-07-26 12:28:16

标签: angular typescript firebase firebase-storage froala

我尝试将图片上传到我自己的服务器(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。我不知道如何替换或更改图片网址。

1 个答案:

答案 0 :(得分:0)

您将需要做一些实验。

我所做的是

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

然后返回上面的方法,而不是返回链接,而是更改了指向服务器中正确目录的链接。我不得不在上面返回的链接上附加一些路径链接。 像

var tempLinkCreatedByEditor = returnFileUpload.ToString();

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

希望这会有所帮助。