怎麼看與輸入文件

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);