Components: FileUpload component missing

Created on 23 Jul 2017  路  6Comments  路  Source: angular/components

I don't see file upload component in existing list or In progress, planned, and unplanned features. It is an important component for SPA.

If requesting features is wrong on this forum, please close with updates.

Thanks

Most helpful comment

I would like someone officially tell me if they won't implement file upload even in future (weird for sure).

It is very useful & not overly complicated like datagrid...

All 6 comments

Material specs doesn't say anything about it and I've seen nothing in the design docs too.

Maybe if we have a community material 2 components repo someday (#5250) then we'll have a FileUpload component.

Dupe of #1347 and #2041

Amazing this is not on their roadmap...it is most important element but to use another library (using PrimeNG) for one element make little sense...

Again, adobe flex was so good at SPA or Rich Internet application (whatever that term was) fits the bill.

Google has the habit of making half-baked stuff GWT comes to mind, but I will stop here...

Closing this before they do.

Closing

I would like someone officially tell me if they won't implement file upload even in future (weird for sure).

It is very useful & not overly complicated like datagrid...

Hi,
If this helps I made my own with material look => https://gist.github.com/merlosy/ab33dd7edaacfd92d6c9a5daea0a1240
Working good so far (Angular 4.3.x)

It takes little to make simple file upload but funny material design don't care enough...sometime google is weird for sure and real pain to keep up with breaking changes...hate angular sometime

Style the button for 4.4.3 & material 2 build 12

<div class="button-row"> <button mat-button color="accent" mat-mini-fab (click)="imgFileInput.click()"><mat-icon>attachment</mat-icon></button> <input hidden type="file" #imgFileInput (change)="previewImage($event)"/> </div>

css part

.example-button-row { display: flex; align-items: center; justify-content: space-around; }

Was this page helpful?
0 / 5 - 0 ratings

Related issues

dzrust picture dzrust  路  3Comments

constantinlucian picture constantinlucian  路  3Comments

vitaly-t picture vitaly-t  路  3Comments

shlomiassaf picture shlomiassaf  路  3Comments

jelbourn picture jelbourn  路  3Comments