How to preview all type of file in vue js?

[Akesh]

I want to preview all type of files in my vue application.There is no any online server dependency please help me how I can do that.

[Harini Chellappa]

Hi Akesh, 

Please find the details for your query from below table. 

Document Editor	Document editor component provides support to view the word documents.  Supported file formats .doc,.docx,.rtf,.txt,.htm,html,.sfdt    Kindly refer the below documentation on overview of document editor.    https://ej2.syncfusion.com/vue/documentation/document-editor/  Demo Link: https://ej2.syncfusion.com/vue/documentation/document-editor/  API Documentation Link: https://ej2.syncfusion.com/vue/documentation/api/document-editor/    Kindly refer the below documentation on webservices     https://ej2.syncfusion.com/vue/documentation/document-editor/web-services/core/  https://ej2.syncfusion.com/vue/documentation/document-editor/web-services/mvc/  https://ej2.syncfusion.com/vue/documentation/document-editor/web-services/java/  Once above service project is launched, you can set the launched url to serviceUrl of document editor.    Please refer the below documentation on service url.    https://ej2.syncfusion.com/vue/documentation/api/document-editor/#serviceurl  containerInstance.serviceUrl = “”//set the hosted url.
PDF Viewer	For PDF files, you can use our EJ2 PDF Viewer.  Demo:  https://ej2.syncfusion.com/vue/demos/#/material/pdfviewer/default.html  UG: https://ej2.syncfusion.com/vue/documentation/pdfviewer/getting-started/    Refer to the below link to create web service project,   Web Service Project : https://www.syncfusion.com/kb/11063/how-to-create-the-pdf-viewer-web-service-application-in-net-core-3-0-and-above-version
Spreadsheet	To view the excel files you can use EJ2 Spreadsheet control. We have provided the Import/Export functionality to view and save the excel file in spreadsheet. For more details, please refer the below links.      Demos link:   https://ej2.syncfusion.com/demos/#/material/spreadsheet/default.html     Documentation Link:   https://ej2.syncfusion.com/vue/documentation/spreadsheet/open-save/      Could you please check the above links and get back to us, if you need any further assistance on this.

 

Regards, 

Harini C