Xem online file word và pdf trên website dễ dàng với Google doc và Office live

Chỉ cần vài dòng code cơ bản là các bạn xử lý được vấn đề xem file word, pdf online bằng ứng dụng Google doc hoặc Office live.
  • 06:52 10/09/2016
  • Kỳ Nhân
  • 0 Bình luận
  • 802

Đa số các bạn lập trình, thiết kế web khi làm tới phần xem file word pdf online trên website đều tốn nhiều thời gian search tìm kiếm trên google (bản thân mình lần đầu làm cũng thế ^^)

Hôm nay mình chia sẽ 2 đoạn code nhỏ giúp các bạn lập trình website có thể xử lý xem online file word file pdf bằng ứng dụng Google docOffice live

- Xem bằng Google doc:

<iframe src="http://docs.google.com/gview?url=link_file_word_hoac_pdf_cua_ban&embedded=true" 
style="width:100%; height:600px;" frameborder="0"></iframe>

- Xem bằng Office live:

<iframe src='https://view.officeapps.live.com/op/embed.aspx?src= link_file_word_hoac_pdf_cua_ban' 
width='100%' height='600px' frameborder='0'></iframe>

Trong 2 đoạn code trên các bạn chỉ cần thay link_file_word_hoac_pdf_cua_ban bằng đường dẫn tới file pdf hoặc word trên website!

Lưu ý: chỉ chạy được trên host còn localhost thì không nha các bạn, link tới file word hoặc pdf phải là đường dẫn tuyệt đối, VD: http://tentrangweb/uploads/ten_file.pdf

Tùy chỉnh width và height vừa ý, hợp với trang web các bạn là xong!

Rất đơn giản phải không các bạn?

Các bạn có thể xem các bài về website tại đây ---> Kỹ năng web