js解析文件

*Heygirl

已于 2022-06-27 12:16:27 修改

阅读量546

点赞数

分类专栏： js 文章标签： javascript 前端开发语言

于 2022-06-27 09:21:56 首次发布

本文链接：https://blog.csdn.net/qq_44372971/article/details/125477738

版权

利用JavaScript解析.flt文件，并将其保存为json格式解析后效果：

摘要由CSDN通过智能技术生成

利用JavaScript解析.flt文件，并将其保存为json格式

代码：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>文件解析</title>
</head>

<body>
 <!-- type="file": 输入框为文本框 
         name="file"：为文本框命名 
        onchange事件的功能是 所在的表单控件的值发生了改变，则就会触发该事件，触发事件后就会去执行与之绑定的JavaScript代码。-->
    <div>
        <input type="file" name="file" multiple="multiple" id="files" onchange="choosefile()" />
        <div id="name"></div>
        <br>

        <!-- <div><input type="button" id="submit" value="解析"></div><br> -->
        <!-- <textarea name="text" id="text" cols="200" rows="50"></textarea> --> <!--textarea:文本域，就是外面那个框框-->

    </div>
    <script>
        //将数据保存为json格式文件
        function saveJSON(data, filename) {
     
            if (!data) {
     
                alert('保存的数据为空');
                return;
            }
            if (!filename)
                filename = 'json.json'
            if (typeof data === 'object') {
     
                data = JSON.stringify(data, undefined, 4)
            }
            var blob = new Blob([data], {
      type: 'text/json' }),
                e = document.createEvent('MouseEvents'),
                a = document.createElement('a')
            a.download = filename
            a.href = window.URL.createObjectURL(blob)
            a.dataset.downloadurl = ['text/json', a.download, a.href].join(':')
            e.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, <