如何从jquery中的文本区域中的路径读取文件

时间:2014-06-17 09:06:14

标签: javascript jquery

我想要读取其路径是动态的文件,并在文本区域中存储如何从文本区域读取该文件。到目前为止,我已经做到了这一点,但它仍然无效。

以下是我的代码。

        google.load("visualization", "1", {packages:["corechart", "charteditor"]});
         $(function(){ 

            $("#csv").bind("change", function(event){               

                var reader = new FileReader();
                reader.onload = function(theFile) { 

                    try {
                        alert(theFile.target.result);

                        var input = $.csv.toArrays(theFile.target.result);

                    }
                    catch(e) { 
                        alert("CSV Parse error.");
                        return; 
                    }
                    $("#output").pivotUI( input, {
                        renderers: $.extend(
                        $.pivotUtilities.renderers, 
                        $.pivotUtilities.gchart_renderers, 
                        $.pivotUtilities.d3_renderers
                        )
                    });
                };
                reader.readAsText(event.target.files[0]);
            });  
         });

<% String d=request.getParameter("DP")!=null?request.getParameter("DP").toString():""; 
System.out.println(d);
%>
    <p>
    <input type="text" id="csv" value="<%=d%>"> 
    <div id="output" style="margin: 10px;">

    </div>

2 个答案:

答案 0 :(得分:0)

我认为tou不能直接从jQuery / JavaScript中读取文件中的数据。

更好的方法是处理服务器端以提供JSON或类似的数据。

检查此网站以获取有关JSON的更多帮助:JSON Example

答案 1 :(得分:0)

以下是使用jquery读取文本文件的代码:

var value='';
var pathOffile=''; ( here you can dynamically pass the path )

$.get(pathOffile, function( data ) {                                
    value=data;
    alert('reading text value: '+value);
});