通过输入文件值在新的浏览器选项卡中打开文件

Question

我想在新的浏览器选项卡中打开文件进行预览。

<input id="myinput" type="file" onchange="oninputfileselected(this);"/>   

function oninputfileselected(obj) {
  var inputfile = document.getElementById($(obj).attr('id'));
  console.log(inputfile.files);
}

我得到的console输出不包含我打开新标签的任何本地路径。 我不确定是否有其他方法可以做到这一点？ 谢谢

Answer 1

我能想到的唯一方法是使用FileReader读取文件中的data: ，然后从中生成data: scheme URL，然后使用window.open打开该 URL。