我很难弄清楚如何在上传之前预览文件缩略图。因此,当我使用文件选择器浏览文件并选择我想要上传的文件时,它将显示其相应的预览,如.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);
});
答案 0 :(得分:1)
如果不首先转换文件,则无法执行此操作。有第三方服务(盒子视图api,谷歌文档查看器),它们转换文件并在浏览器中显示它,但你必须先上传文件,这样做会失败。