Skip to main content

View online files using the Google Docs Viewer

Use Google Docs Viewer for Document viewing within Browser

Google Docs

I was looking for a way to let users see Microsoft Word Doc or PDF files online while using my application without leaving their browser without downloading files and then opening it to view with Word or PDF viewer. I was looking for some way out either via any PHP or Microsoft.NET libraries, did some googling on that; but later on I just got an idea that google already has all code written for me.. when I have any email attachment in PDF or DOC or DOCX google does it for me..! Even while searching I can see PDFs by converting them in HTML. So I just googled it up and found that Google already has this ability that we can use Google Docs Viewer without any Google Account Login. YES that's true no Google Account login is required. It's damn simple and easy. Just pass document path as attachment as parameter and we are done.

Google Docs Viewer gives us ability to embed PDF, DOC/DOCX, PPT, TIFF:

Yes that's true; Google Docs Viewer gives us ability to view/embed functionality of PDF, DOC/DOCX, PPT and TIFF viewing on the fly without writing a single line of code by just giving a link or embedding within. No PPTX or XLS/XLSX is supported, but hopefully it should be coming in future.. But the document types which are supported are well enough and TIFF viewing ability is excellent and so if we have some requirement of letting users view TIFF files we don't need them to use any browser plugin or additional software to do that. This service was made available in September 2009.

All viewer URLs should use the path 
 
http://docs.google.com/viewer.
This path accepts two parameters:
 url  : The URL of  the document to view. This should be URL-encoded.
 embedded  : If  set to  true , the viewer will use an  embedded mode interface.

http://docs.google.com/viewer?url=<URL_OF_DOCUMENT>

or

http://docs.google.com/viewer?url=<URL_OF_DOCUMENT>&embedded=true
You can follow this link to see how document would look like in non-embedded mode.
Sample PDF document (in non-embedded/full mode)
Embedded view is available just right below (using IFRAME):

Sample code used for embedded viewer:

<iframe style="border-style: none;"
 src="http://docs.google.com/viewer?url=http%3A%2F%2Fblogs.digitss.com%
 2Fwp-content%2Fuploads%2F2010%2F01%2Fsample.pdf &embedded=true" height="390" 
 width="400">
</iframe>

Caching and Performance:

Yes, Google Docs Viewer does cache documents for performance reasons; I don't know how long exactly but it does. Now if we don't want caching then we can just use the same trick we do for refreshing our static contents sometime. We can pass time-stamp in query-string and Google Docs Viewer will consider it as different document and it will be your updated docuemnt with same name and URL path.
I have observed that PDF files have performed better; mean that they really get being read by viewer faster than Doc/PPT files.
Please share your experience of using GDV (Google Doc Viewer) or any other Online Document Viewer service/tool you have used.

View original Google Docs Blog post: http://googledocs.blogspot.com/2009/09/view-online-files-using-google-docs.html


Starting today, we're opening up this technology to all webmasters and blog owners with the Google Docs viewer. All you have to do is give the URL of a PDF, Powerpoint or TIFF document to us and we'll display it directly in your browser with no download required - like this. For complete documentation, and a form to generate code for embedded viewers (example below), check out our webpage.


Are you a Box.net user? You'll be happy to know you can use this service to view documents stored within your Box - just add the Google Docs Viewer OpenBox Service to your account.


Hope this helps you .


Labels:

Comments

  1. UnknownSeptember 16, 2019 at 3:32 AM

    Such nice Blog content is posted , its described and covered each and every important points related to Online pdf reader which helps in adding information to pdf documents.

    ReplyDelete

Post a Comment

Popular posts from this blog

ASP.NET e-Commerce website GridView with Product Listing

Introduction : E-Commerce web applications are everywhere these days, and many share a common set of functionality. In this article, I will show how to use the GridView and ListView controls to build a powerful product page with many of the features found on today's e-commerce sites. We'll build a bicycle store product grid using some free clip art bicycle images. The example files are user controls which can be easily added to a page. We're only using three images here to keep the size of the sample application small. In previously I was explained about  Sending Email from Asp.net With Dynamic Content  ,  How To Export gridview data to Excel/PDF , CSV Formates in asp.net C#  , How to print Specific Area in asp.net web page How To- Search records or data in gridview using jQuery  . A shopping cart application would require to display the products in a multi column grid, rather than a straight down list or a table. The each item in a product grid would have
Post a Comment
Read more

How to hide url parameters in asp.net

There are different ways to Hide the URL in asp.net , you can choose any one from bellow options . Previously I was Explained about the  Difference between Convert.tostring and .tostring() method Example  ,   Reasons to use Twitter Bootstrap , How to Register AJAX toolkit in web.config file in asp.net a) Using Post Method b) Using Of Session . c) URL Encoding & decoding process . d) Using Server.Transfer() instead of Response.Redirect() method (1)Use a form and POST the information. This might require additional code in source pages, but should not require logic changes in the target pages (merely change Request.QueryString to Request.Form). While POST is not impossible to muck with, it's certainly less appealing than playing with QueryString parameters. (2)Use session variables to carry information from page to page. This is likely a more substantial effort compared to (1), because you will need to take session variable checking into account (e.g. the
Post a Comment
Read more

Nested GridView in ASP.NET Using c# with show/hide

In This example shows how to create Nested GridView In Asp.Net Using C# And VB.NET With Expand Collapse Functionality. Previous post I was Explained about the   ASP.NET e-Commerce website GridView with Product Listing  ,  How To Export gridview data to Excel/PDF , CSV Formates in asp.net C# , Sending Email from Asp.net With Dynamic Content  ,  SQL Server- Case Sensitive Search in SQL Server I have used JavaScript to Create Expandable Collapsible Effect by displaying Plus Minus image buttons. Customers and Orders Table of Northwind Database are used to populate nested GridViews. Drag and place SqlDataSource from toolbox on aspx page and configure and choose it as datasource from smart tags Go to HTML source of page and add 2 TemplateField in <Columns>, one as first column and one as last column of gridview. Place another grid in last templateField column. Markup of page after adding both templatefields will like as shown below. HTML SOURCE < a
Post a Comment
Read more