html - 如何提供独立于文件类型的缩略图形式的文档预览

标签 html css gmail thumbnails attachment

在 gmail 中,当文件作为电子邮件附件发送时,收件人甚至可以在将鼠标悬停在文件上之前看到文件的一小部分内容。现在我非常好奇并且实际上有兴趣在我自己的应用程序中实现这一点。我尝试过检查元素,但不太明白他们是如何做到这一点的。好的,通过图像我可以稍微理解它是如何完成的。但是 pdf、word 或 excel 文档怎么样?他们是否拍摄文件某些部分的快照并将其与附件一起存储以便稍后在容器中显示?有人能够做到这一点吗?仅仅 html 和 css 就足够了吗?

最佳答案

也许你已经找到了解决方案......

但我只是更新我刚刚找到的答案 如果您使用 Krajee Plugin 那么您可以获得该类型的文件预览。它只是不提供 gmail 之类的文件预览,而是提供其他类型的插件来上传和预览图像和文件(几乎每种类型)。下面给出链接供您引用。

File Preview Demo

File Preview Icon Demo

关于html - 如何提供独立于文件类型的缩略图形式的文档预览,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35078889/

相关文章:

gmail - Google Pub/Sub webhook 调用服务器后无法检索消息内容

javascript - 如何将YouTube视频嵌入到自定义播放列表中,并使它们循环播放?

html - 强制跨度像列表指示器一样工作

html - 内部 div 使用基于自身的外部 div 的 100% 高度

水平和垂直方向的 CSS webkit flex 布局

html - css 页面布局 - 前景 "overlying"背景

html - float 影响 div 之后的所有内容

php - 在 Codeigniter 中无法发送电子邮件 - fsockopen() : unable to connect to ssl://smtp. gmail.com:465(连接被拒绝)

javascript - 如何使用 jquery 从数据表中单击按钮来选择过滤结果

ruby-on-rails - ActionMailer 使用 GMAIL 发送电子邮件的完整示例