javascript - Hiển thị .doc bên trong một div

Có thể hiển thị một tệp pdf bên trong một div bằng cách này:

<div>
    <object data="test.pdf" type="application/pdf" width="300" height="200">
    PDF : <a href="test.pdf">test.pdf</a>
    </object>
</div>

Có thể làm điều gì đó tương tự cho file .doc hoặc .docx không? (không dùng phía máy chủ)

Tôi đang giả sử rằng trình duyệt hoặc máy tính có cách để đọc dữ liệu.

Câu trả lời #1

Tôi có thể gợi ý Google Doc Viewer, nó sẽ cho phép bạn hiển thị nhiều loại tệp ngay trong trang thay vì yêu cầu tải xuống:

https://docs.google.com/viewer/

Bạn cũng có thể sử dụng điều này trực tiếp trong trang web của chính bạn bằng cách sử dụng iframe.

Đây là danh sách các loại tệp được hỗ trợ:

Microsoft Word (.DOC và .DOCX)
Microsoft Excel (.XLS và .XLSX)
Microsoft PowerPoint (.PPT và .PPTX)
Định dạng Tài liệu Di động của Adobe (.PDF)
Apple Pages (.PAGES)
Adobe Illustrator (.AI)
Adobe Photoshop (.PSD)
Định dạng Tệp Hình ảnh Được Gắn Thẻ (.TIFF)
Autodesk AutoCad (.DXF)
Đồ họa Vector có thể mở rộng (.SVG)
PostScript (.EPS, .PS)
TrueType (.TTF)
Định dạng Tài liệu XML (.XPS)
Các loại tệp lưu trữ (.ZIP và .RAR)

Tôi đã thử nghiệm cái này để xuất PDF trên di động nhưng phiên bản di động gặp lỗi khiến nó không thể sử dụng được. Không chắc tiến trình phát triển của sản phẩm này đã đến đâu nhưng phiên bản trên máy tính để bàn luôn hoạt động rất tốt.

Câu trả lời #2

Bạn có thể làm điều này thông qua một iframe bên trong div bằng cách liên kết nguồn đến đường dẫn của tệp trên máy chủ của bạn.

<div>
<iframe src="mydoc.docx">myDocument</iframe>
</div>

<div>
<iframe src="mydoc.xslx">myDocument</iframe>
</div>

<div>
<iframe src="mydoc.pdf">myDocument</iframe>
</div>