怎么看与输入文件

Question

我在我的HTML文件输入添加的文件，所有文件的扩展名被允许：

<input id="inputFile" name="inputFile" type="file"> 

当我加入一个文件，我想补充一个“查看文件“按钮：

<a id="view" name="view" href="#"> 

我试图打开文件：

var document = $('#inputFile').val(); 
    value : "C:\fakepath\file.pdf" 

var popup = window.open(document, 
    'Documentos', 
    'titlebar=no,toolbar=no,location=no,status=no,menubar=no,resizable=no,width=800,height=600,top=0,left=0,type=fullWindow,fullscreen=no,scrollbars=yes'); 

    error in console: (unknown) Not allowed to load local resource: file:///C:/fakepath/file.pdf 

我也试过用的FileReader没有成功：

var file = $('#inputFile').prop('files')[0]; 
fr = new FileReader(); 
fr.readAsDataURL(file); 

时尝试打印FR我只有他的数据，而不是文件

Answer 1

您可以尝试波纹管解决方案

var file = $('#inputFile').prop('files')[0]; 
fr = new FileReader(); 

fr.addEventListener("load", function() { 
    var document = fr.result; 
    var popup = window.open(document,'Documentos', 'titlebar=no,toolbar=no,location=no,status=no,menubar=no,resizable=no,width=800,height=600,top=0,left=0,type=fullWindow,fullscreen=no,scrollbars=yes'); 
}, false);