@ kolkov / angular-editor图片上传使用指南

时间:2019-02-09 14:31:39

标签: angular wysiwyg

我能够将Kolkov editor放在我的html页面上,但是它确实将文件上传到提到的url,但它没有在编辑器上附加图像,我可以看到服务器的响应参数具有访问上载文件的url。

有可用的教程将其作为组件集成到角度项目中,但是找不到有关如何处理图像的任何信息。

 如果有这方面的指示,请帮助。

1 个答案:

答案 0 :(得分:0)

它在上传REST API上使用“文件”参数上传图像。 因此,在html

 <app-ngx-editor height="500px" minHeight="500px" [placeholder]="'Enter text here...'" 
[spellcheck]="true"  [(ngModel)]="htmlContent" imageEndPoint="https://localhost:8500/upload">
      </app-ngx-editor>

在REST方面,

@PostMapping(path="/upload", produces = "application/json")
    @ResponseBody
    public Map FileUpload(@RequestParam("file") MultipartFile file, Model model) { 

        Map<String,String> values = new HashMap<String,String>();
        storageService.store(file);
        values.put("url", "http://localhost:8500/files/"+file.getOriginalFilename());
        return values;
    }