5

重複の可能性:
Javascript を使用してクライアント側のテキスト ファイルを読み取る

クライアントでtxtファイルを開き、javascriptで解析し、解析したデータをajaxでサーバーページに投稿したいと考えています。解析と投稿用のスクリプトがあります。今必要なのは、クライアント コンピューターからファイルを選択することだけです。

私が必要とするのは次のようなものです：

<div id="content">
     <button id="selectFile" onclick="return selectFileClick();" />
</div>

ユーザーがボタンをクリックすると、ファイル ダイアログ ボックスが表示され、選択したファイルが返されます。このファイル名を使用して、解析などの他の操作を行います。

function selectFileClick()
{
    var fileName = filedialog();
    // parsing file...
    return false;
}

編集：ファイルをアップロードしたくありません。カスタムデザインが似ていません。

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

次のようなものが必要です: jquery file dialog plugin

編集 (2): この方法で問題を解決しました。

$(function () {
    $("#button1").click(function (event) {
        event.preventDefault();
        $('#file').trigger('click');
    });

    document.getElementById('file').addEventListener('change', readFile, false);
});

htmlで;

<input id="button1" type="submit" value="add" />
<input type="file" id="file" style="display: none">

これが他の誰かに役立つことを願っています;）

4

1 に答える 1

5

これを見てください: HTML ファイル API

それはおそらくそれを行う最も簡単な方法です。

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

次に、要素の「onChange」関数に関数を添付するだけです。

編集: jQuery を使用していることに気付いたので、実際には次のようにすることができます。

$("#file").change(function() { selectFileClick(); });
于 2012-06-12T13:14:57.667 に答える