javascript - 希望使用 angularjs 创建类似功能的 gmail 附件预览

标签 javascript angularjs user-interface preview user-experience

我有一个要求,我想向用户显示文件预览。

支持多种文件类型,例如; .pdf、.xlsx、.doc、.rar、.jpeg、.png 等等。

当用户点击预览时,它应该在向他显示文件预览的弹出窗口中打开文件。用户可以放大、缩小、下载文件。正如您可以在 gmail 中查看附件预览一样。

拜托,任何人都可以指导我找到任何相关的图书馆或有用的资源。

提前致谢

最佳答案

有两种主要方法可以做到这一点。

1) 服务器端:在服务器端(在文件上传时)将预览渲染为 jpg/png 图像,并将预览存储在服务器上。这是最容易在客户端实现的,但需要在服务器上额外存储。

2) 客户端:在浏览器中使用 javascript 渲染“实时”预览,这减少了服务器必须执行/存储的数量,但确实需要客户端在渲染之前将文件完全下载到内存中预览,这对于大文件来说可能是个问题。此外,您可能需要为每种单独的文件类型包含 javascript 库,因为大多数库将针对一种特定的文件格式。

服务器端可能是推荐的方式。您的 Web 服务器使用什么?

关于javascript - 希望使用 angularjs 创建类似功能的 gmail 附件预览,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30122846/

相关文章:

javascript - 使用 JavaScript 将客户端日期/时间字符串转换为 JSON 日期/时间字符串

angularjs - 当我调用构造函数时, Angular 1 toastr 未显示

javascript - 在 Angular 2 中使用 routerLinkeActive 时出现未定义的根错误

c# - AngularJS,MVVM和只读字段

algorithm - 围绕其中心旋转一个矩形?

javascript - 单击切换回第一个选项

javascript - Google Adsense 格式问题

java - Java GUI 总是更新缓慢还是只有我这样?

user-interface - 如何弥合我的数据库设计和用户界面设计之间的差距?

javascript - JQuery 列表选择器行为不当