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

Posted 2023-03-13

【中文标题】在 Froala 编辑器中上传图片时如何替换图片 URL？

【英文标题】：How to replace image URL when upload image in Froala editor?

【发布时间】：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

【参考方案1】：

你需要做一些实验。

我做的是

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

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

var tempLinkCreatedByEditor = returnFileUpload.ToString();

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

希望这会有所帮助。