Example upload image to Abp Blob in Angular #2167

abpVAndy created 3 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,

maliming created 3 years ago

Support Team Fullstack Developer

You can see this

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

abpVAndy created 3 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?

maliming created 3 years ago

Support Team Fullstack Developer

You can use FormData to binding the ProductCreateDto

Remove the ImageByte use ImageContent instead.

Have an answer to this question? Log in and write your answer.

Boost Your Development

ABP Live Training
Packages

See Trainings

Do you need assistance from an ABP expert?

Schedule a Meeting

The Official Guide

Mastering
ABP Framework

Learn More

3 Answer(s)

ABP Live TrainingPackages

Do you need assistance from an ABP expert?

MasteringABP Framework

ABP Live Training
Packages

Mastering
ABP Framework