[feature]: upload image from local system

[roymj88]

Is there an option to upload file via browse instead of uploading through link?

[sibiraj-s]

Currently not included but I have been working on it.

[lruiz-invidgroup]

How works the image uploader, the POST method need something in the return?

[AnelR]

Good day,

I am using the npm NgxEditor control in my Angular 7 project. The upload works fine in uploading the file but when the url is returned the page reloads instead of just inserting the image in the editor so I can continue editing. Inserting image via the URL works 100%, it adds the image in the editor and I can continue typing in the editor.

Is it possible to set the buttons to hidden? Example: Only allow upload of files.

[mateuspmello]

Good day,

I am using the npm NgxEditor control in my Angular 7 project. The upload works fine in uploading the file but when the url is returned the page reloads instead of just inserting the image in the editor so I can continue editing. Inserting image via the URL works 100%, it adds the image in the editor and I can continue typing in the editor.

Is it possible to set the buttons to hidden? Example: Only allow upload of files.

How did you implements this?
I'm having this problem: Cannot POST /assets/img

[AnelR]

In my html I have the following:
<app-ngx-editor #edtTest name="edtTest " [config]="htmlEditorConfig" height="300px"
minHeight="300px" [spellcheck]="true" [(ngModel)]="bindingModel">

In TS file:
htmlEditorConfig = {
editable: true,
spellcheck: true,
height: "10rem",
minHeight: "5rem",
width: "auto",
minWidth: "0",
translate: 'no',
enableToolbar: true,
showToolbar: true,
placeholder: "Enter text here...",
imageEndPoint: this.imageUploadUrl,
toolbar: [
["bold", "italic", "underline", "strikeThrough", "superscript", "subscript"],
["fontName", "fontSize", "color"],
["justifyLeft", "justifyCenter", "justifyRight", "justifyFull", "indent", "outdent"],
["cut", "copy", "delete", "removeFormat", "undo", "redo"],
["paragraph", "blockquote", "removeBlockquote", "horizontalLine", "orderedList", "unorderedList"],
["link", "unlink", "image"]
]
};

the imageUploadUrl = ${this.baseUrl} + '/image/uploadfiles' -- this is my API url (http://MyApplication/Api/UploadFiles) that uploads the file to the assets folder and then returns the url location in url form. Example http://MyApplication/assets/uploadedimage.png"

API Method
[HttpPost("UploadFiles")]
public async Task UploadFiles(List < IFormFile > file)
{
return "http://MyApplication/assets/uploadedimage.png"
}

[AhmedHlaimi]

@AnelR can u give us ur response obecjt

[Sivakaresh]

@AnelR is it possible to get API method implementation for more illustration?

[github-actions]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs and link to relevant comments in the thread.