ブラウザでローカルHTMLファイルをプレビューする

Question

ユーザーがファイルをアップロードできるWebページがあります。 <t:inputFileUpload>​​タグでアップロードするファイルを選択できます（このタグは標準のHTML入力タグと同じです）。type="file"です。

プレビュー機能を追加します。

ユーザーがファイル（例：htmlファイル）を選択すると、彼は自分のhtmlローカルファイルをプレビューできます。

私は、ブラウザのセキュリティ制限の理由に「問題」があることを知っています。

私の最初の解決策は、ユーザーのローカルマシンからサーバーにファイルをロードしてから、サーバー上のそのファイルへのリンクを作成することです。問題は私のサーバにリスクがあることです。 このファイルが壊れている可能性があります。

誰もがこの未来へのアイデアと解決策を持っていますか？

Answer 1

JSFiddleは、htmlというファイルのプレビューを示しています。私はチュートリアルhereからそれを作成しました。

あなたのためのコードの最も有用な部分は、これは読んでhtmlファイルの内容を表示するには、HTML5 FileReaderを使用して、次の

var f = // uploaded file. 
var reader = new FileReader(); 
// Closure to capture the file information. 
reader.onload = (function(theFile) { 
    return function(e) { 
     // Render the file. 
     $("#preview").html(e.target.result); 
    }; 
})(f); 

// Read in the html file as text. 
reader.readAsText(f); 

です。