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 回答