Pesquisa de site

javascript - Exibir .doc dentro de uma div

É possível exibir um pdf dentro de um div usando isto:

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

É possível fazer algo semelhante para um .doc ou .docx? (sem lado do servidor)

  • Estou assumindo que o navegador ou o computador tem uma forma de ler os dados.

Resposta #1

Posso sugerir o Google Doc Viewer, ele permitirá que você mostre vários tipos de arquivos diretamente na página, onde normalmente seria solicitado o download:

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

Você também pode usar isso diretamente em seu próprio site com o uso de um iframe.

Aqui está uma lista de tipos de arquivo suportados:

  • Microsoft Word (.DOC e .DOCX)
  • Microsoft Excel (.XLS e .XLSX)
  • Microsoft PowerPoint (.PPT e .PPTX)
  • Formato de Documento Portátil da Adobe (.PDF)
  • Apple Pages (.PAGES)
  • Adobe Illustrator (.AI)
  • Adobe Photoshop (.PSD)
  • Formato de Arquivo de Imagem Marcada (.TIFF)
  • Autodesk AutoCad (.DXF)
  • Gráficos Vetoriais Escaláveis (.SVG)
  • PostScript (.EPS, .PS)
  • TrueType (.TTF)
  • Especificação de Documento XML (.XPS)
  • Tipos de arquivos compactados (.ZIP e .RAR)

Eu brinquei com isso para saída de PDFs no celular, mas a versão móvel tinha um erro que a tornava impossível de usar. Não tenho certeza de onde o desenvolvimento deste produto parou, mas a versão para desktop sempre funcionou muito bem.

Resposta #2

Você pode fazer isso através de um iframe dentro da div, vinculando a fonte ao caminho do arquivo no seu servidor.

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

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

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