javascript - Hope to create gmail attachment preview like functionality using angularjs -

i have requirement want show file preview users.

there various file types supported like; .pdf, .xlsx, .doc, .rar, .jpeg, .png , many more.

when user clicks on preview should open file in popup preview of file shown him. user can zoom-in, zoom-out, download file. can see gmail attachment preview.

please, can guide me relevant library or helpful resource same.

thanks in advance

there 2 main ways can this.

1) server-side: render previews once server-side (on file upload) jpg/png images, , store previews on server. easiest implement on client side, requires storage on server.

2) client-side: render previews 'live' javascript in browser, reduces amount server has do/store, require client download file in-memory before can render preview, large files issue. also, need javascript libraries included each individual file type, since libraries target 1 specific file format.

server-side recommended way go. using web server?