上传前预览xls，xlsx，doc等文件的缩略图

我很难搞清楚如何在上传文件之前预览文件缩略图。 所以当我使用文件select器浏览文件，并select我想要上传的文件时，将显示其相应的预览，如.txt，.csv，.xls或xlsx等。有没有办法以任何方式实现这一点？ 简单的方法或复杂的方法可能工作。 我如何获得这样的东西？

html文件

<form id="form1" runat="server"> <input type='file' id="imgInp" /> <img id="blah" src="#" alt="your image" /> </form> 

这里的JS

 function readURL(input) { if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { $('#blah').attr('src', e.target.result); } reader.readAsDataURL(input.files[0]); } } $("#imgInp").change(function(){ readURL(this); }); 

Answer 1

没有办法做到这一点，而不先转换文件。 有第三方服务（盒子视图API，谷歌文档查看器），转换文件并显示在浏览器中，但你必须首先上传文件，哪一种打败点。