使用jQuery的Html文件选择器

Question

可能重复:
使用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文件对话框插件

编辑(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">

我希望这有助于其他人;)

Answer 1

看看这个:HTML File API

这可能是最简单的方法,例如

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

然后只需将一个函数附加到元素的"onChange"函数.

编辑:刚刚注意到你正在使用jQuery,所以你真的可以这样做:

$("#file").change(function() { selectFileClick(); });