Odoo丨PDF、Word、Excel文件前端预览实操干货都在这！

Odoo神州数码云基地: 前端文件预览方案

随着Odoo的应用逐渐深入，前端交互体验的要求不断提升。在项目开发中经常需要上传及预览文件。本文分享了如何在Odoo中实现文件的上传和预览的解决方案。

在Odoo中实现文件上传

文章首先介绍了在qweb页面中加入上传XML的代码，并提供了相应的CSS样式用于美化上传组件。然后，通过JavaScript监听文件上传事件，进行文件上传的操作。在上传文件时，有文件大小和格式的校验，以确保上传的文件符合要求。

文件预览方案

对于文件预览，Odoo原生支持PDF文件的预览，但对于Excel、Word、txt等格式需要额外的解决方案。文章提出了使用外部的JavaScript组件库，如https://officetohtml.js.org/ 来实现Office文件的预览。这个组件库能支持docx和xlsx格式的预览，并且是开源的。

文章中还提到了如何修改JavaScript代码来挂载预览事件，并介绍了通过插入a标签来允许用户下载并在本地预览文件。此外，对于txt格式的文件，作者展示了如何使用JavaScript的FileReader接口来读取文件内容。

最后，作者鼓励读者提出更好的文件预览方案，并进行了结尾总结。

关于作者

本期内容由沈童撰写，分享了在Odoo平台上关于前端文件预览的技术解决方案，希望可以帮助到需要的读者。