js怎样实现文件预览和下载

Question

请教js实现文件预览与下载

文件如果浏览器支持预览（根据后缀名判断），就提供预览按钮，否则提供下载按钮，请问该怎么实现？

Answer 1

预览，如果纯前端的话，估计只有用 H5 的 File API 了 http://www.cnblogs.com/zichi/...

如果配合后端的话，先把文件上传到后端，其他的就简单了

Answer 2

HTML5提供了File，Filrreader，Blob大文件对象以及相应的API，见MDN。
图片的预览可以参考我之前写的一个小Demo。
对于非MIME类型的文件,例如PDF，可以参考Mozilla的pdf.js。
对于txt，二进制文件，比较简单。
对于Doc文档这些，本身这些都是XML，但是怎么解析就很麻烦，而且就算你解析出来了效果也不好。
对于音视频，你可以直接加个按钮让用户选择是不是播放，然后再渲染就可以了。

Answer 3

MDN上面有详细的例子，可以去看看