Closed

Example upload image to Abp Blob in Angular #2167

abpVAndy created 5 years ago

ABP Framework version: v4.4.4
UI type: Angular
DB provider: EF Core
Tiered (MVC) or Identity Server Separated (Angular): yes / no
Exception message and stack trace:
Steps to reproduce the issue:"

Could you please give me an example how to upload image to abp blob in Angular? I see your webside only have mvc example.

The image is a property in the class "Product". I want to click the submit button to save product information with the image into db and blob.

I failed to test. I test the two property : one is IRemoteStreamContent, and another is number[]. imageContent: IRemoteStreamContent; fileContent: number[];

I used Ng Zorro upload: import { NzUploadModule } from 'ng-zorro-antd/upload';

Thanks,

3 Answer(s)

0

maliming created 5 years ago
Support Team Fullstack Developer

hi

You can see this

https://support.abp.io/QA/Questions/1174/

Markdown supported.

Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
0

abpVAndy created 5 years ago

Thanks for your replay.

Could you give me example or hint how to change the Interface/Angular/Service after create by suite? Thx

I have no idea how to change pass the image data from Angular to service api?

Markdown supported.

Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
0

maliming created 5 years ago
Support Team Fullstack Developer

hi

You can use FormData to binding the ProductCreateDto

Remove the ImageByte use ImageContent instead.

Markdown supported.

Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)