4

ユーザーがファイルをアップロードできるWebページがあります。彼はタグを付けてアップロードするファイルを選択できます<t:inputFileUpload> jsf（このタグは標準のHTML入力タグのようなものですtype="file"）。

プレビュー機能を追加したい。

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

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

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

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

4

1 に答える 1

5

これは、ファイルのプレビューを表示する単純なJSFiddlehtmlです。ここにあるチュートリアルから作成しました。

あなたにとってコードの最も有用な部分は次のとおりです

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

これは、HTML5FileReaderを使用して、ファイルの内容を読み取って表示しhtmlます。

于 2012-05-01T14:34:50.687 に答える