最近在做一个老师给的作业项目,要做个网页程序,上传数据文件呈现散点图的。要实现的功能很单一,一个页面完全可以呈现所有内容。做成动态网页,连接后端好像太大材小用了,所以我决定一路单机到底。但是遇到的最大的问题就是,如何把文件传进浏览器借助C3来呈现散点图。

我网上找了很多教程,最后我选择了最简单的一种杂糅办法:(因为我没学过JS,惭愧)

html文件里有这个:

<input class="MyButtion" id="data2" type="file" value="上传">

然后JS文件里写这个(不懂的地方搜对象名):

var tmp1;//数据文件存这里
var input=document.getElementById("data1");
    //console.log(info);
    input.onchange=function () {
        var file = this.files[0];
        if(!!file){
            var reader=new FileReader();
            reader.readAsText(file,"gbk");//gbk编码
            reader.onload=function () {
                tmp1=this.result;
                console.log(this.result);//打印检查

然后tmp1里就存了json的所有文件数据了,然后要解析成对象就这样做:

var d1=JSON.parse(tmp1);

d1就是你上传的json文件里的对象了。
本教程只是针对应付一个作业的情况,用到了HTML5+JQuery的功能,请谨慎使用这样的杂技。

最近在做一个老师给的作业项目,要做个网页程序,上传数据文件呈现散点图的。要实现的功能很单一,一个页面完全可以呈现所有内容。做成动态网页,连接后端好像太大材小用了,所以我决定一路单机到底。但是遇到的最大的问题就是,如何把文件传进浏览器借助C3来呈现散点图。我网上找了很多教程,最后我选择了最简单的一种杂糅办法:(因为我没学过JS,惭愧)html文件里有这个:&lt;input class="My...
先介绍js的FormData,FormData是XMLHttpRequest Level 2新增的一个接口,利用FormData对象,我们可以通过JavaScript用一些键值对来模拟一系列表单控件,我们还可以使用ajax方法来异步的提交这个"表单".使用FormData的最大优点就是我们可以异步上传一个二进制文件. 这里说下FormData的append方法, 给当前FormData对象添加一...
文件上传json.JSONException: write javaBean error,multipart.MultipartFileResource, fieldName : resource
var str = 'hello'; var pattern = /o/; // 输出的结果["o", index: 4, input: "hello", groups: undefined] console.log(pattern.exec(str)); 1.返回值是一个对象,表示当前匹配到字段的信息;(index表示匹配到的字段的起始索引值,input表示参与匹配的字符串); path => ["/usr1/data/voip_feedback.txt"] format => json sincedb_path => "/home/jfy/soft/logstash-1.4.2/voip_feedback.access" <input type="file" name="file" id="fileId" /> <input type="submit" name="btn" value="提交" id="btnId" onclick="check()" /> <div id="myShow"></div>
使用JavaScript读取json文件前言正式开始前提条件终于可以开始了全部代码 最近尝试使用js读取json文件,并调用json的数据。在网上找到各种大佬写的教程,拷贝到自己电脑上就各种报错,对于新手来说不太友好。经过一个下午的时间终于搞定,这里做个记录,希望帮助到js新手,欢迎大佬批评指正~ 网上最多的方法就是让使用ajax读取,但是我一用浏览器就报错 查资料才知道...
解析 JSON 文件,你可以使用 JavaScript 中的 `JSON.parse()` 方法。 JSON 是一种轻量级的数据交换格式,常用于从服务器获取数据。在 JavaScript 中,JSON 文件通常以字符串的形式传输,因此需要使用 `JSON.parse()` 方法将其转换为 JavaScript 对象。 以下是一个简单的例子,说明如何解析 JSON 文件: ```javascript // 创建 JSON 字符串 var jsonStr = '{"name":"John", "age":30, "city":"New York"}'; // 将 JSON 字符串解析为 JavaScript 对象 var jsonObj = JSON.parse(jsonStr); // 访问 JavaScript 对象中的属性 console.log(jsonObj.name); // 输出 "John" console.log(jsonObj.age); // 输出 30 console.log(jsonObj.city); // 输出 "New York" 在这个例子中,我们首先创建了一个 JSON 字符串。然后,使用 `JSON.parse()` 方法将其解析为 JavaScript 对象。最后,我们访问了 JavaScript 对象中的一些属性。 需要注意的是,如果 JSON 字符串不符合 JSON 格式规范,或者包含了 JavaScript 不支持的数据类型(例如函数、日期、正则表达式等),则 `JSON.parse()` 方法会抛出一个错误。 希望这个例子能够帮助你了解如何解析 JSON 文件。