Question

我很难弄清楚如何在上传之前预览文件缩略图。因此，当我使用文件选择器浏览文件并选择我想要上传的文件时，它将显示其相应的预览，如.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，谷歌文档查看器），它们转换文件并在浏览器中显示它，但你必须先上传文件，这样做会失败。

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

1 个答案: