Primeng: Possibility to do Client-side FileUpload

Created on 13 Sep 2016  路  5Comments  路  Source: primefaces/primeng

As far as I can tell the FileUpload component is meant to work with a backend. A basic client-side version would be great.

new feature

Most helpful comment

Manipulating text/image files on the client side.
For example, choosing an xml file, converting the contents to json and displaying the stringified object (Something I currently need to do).
Also uploading image files and using them with a 2d/3d context on a canvas, or just appending them to the page for one purpose or another. Stuff like that.
So just a regular html5 file input but with the cool things ng FileUpload does, listing/removing files, automatic dragndrop and such.

All 5 comments

What is the use case for it?

Manipulating text/image files on the client side.
For example, choosing an xml file, converting the contents to json and displaying the stringified object (Something I currently need to do).
Also uploading image files and using them with a 2d/3d context on a canvas, or just appending them to the page for one purpose or another. Stuff like that.
So just a regular html5 file input but with the cool things ng FileUpload does, listing/removing files, automatic dragndrop and such.

Also using your own method with a file upload, for example using your own service to upload to amazon. I don't want to have to use a route to upload my files.

Also parsing a csv file to automatically fill up a form for instance

We've added showUploadButton and showCancelButton, to do client side only, you need to set these two attributes to false and then use (onSelect) callback to implement client side only logic, so it would be just a nice rich file selector without upload.

@mike-nyllabs, your case is #3040

Was this page helpful?
0 / 5 - 0 ratings

Related issues

gatapia picture gatapia  路  3Comments

Helayxa picture Helayxa  路  3Comments

SchneMa picture SchneMa  路  3Comments

garethlewis picture garethlewis  路  3Comments

Helayxa picture Helayxa  路  3Comments