<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>读取本地文件并打印输出</title><script type="text/javascript">//addEventListener()方法用于向指定元素添加监听事件window.addEventListener('load', () => {const f = document.getElementById('file1');f.addEventListener('change', evt => {const input = evt.target;let sJsonData = upload(input);});});function upload(input) {//支持chrome IE10if (window.FileReader) {var file = input.files[0];var reader = new FileReader();reader.onload = function() {console.log(this.result);let param = JSON.parse(this.result);//parse() 方法可解析一个日期时间字符串console.log(param);console.log("key = id, value = %d" , param['id']);console.log("key = success, value = %s" , param['success']);alert("key = id, value = " + param['id']);alert("key = strAnodeMaterial, value = " + param['result']['strAnodeMaterial']);console.log("key = strAnodeMaterial, value = %s" , param['result']['strAnodeMaterial']);console.log("key = strBatchNumber, value = %s" , param['result']['strBatchNumber']);console.log("key = strContainerNumber, value = %s" , param['result']['strContainerNumber']);console.log("key = strCustomer, value = %s" , param['result']['strCustomer']);console.log("key = strDiaphragm, value = %s" , param['result']['strDiaphragm']);console.log("key = strElectrolyte, value = %s" , param['result']['strElectrolyte']);console.log("key = strNegativeMaterial, value = %s" , param['result']['strNegativeMaterial']);console.log("key = strOrderNO, value = %s" , param['result']['strOrderNO']);console.log("key = strPlace, value = %s" , param['result']['strPlace']);console.log("key = strProjectClassify, value = %s" , param['result']['strProjectClassify']);console.log("key = strShareOrder, value = %s" , param['result']['strShareOrder']);}reader.readAsText(file);//readAsText(file,encoding):按字符读取文件内容,结果用字符串形式表示}}</script>
</head>
<body><input type="file" id="file1" multiple/></body>
</html>

读取本地文件并打印输出相关推荐

  1. java读取本地文件_java 读取本地文件实例详解

    java 读取本地文件实例详解 用javax.xml.w3c解析 实例代码: package cn.com.xinli.monitor.utils; import org.w3c.dom.Docume ...

  2. python读取本地文件-python解析本地HTML文件

    Python使用爬虫技术时,每运行一次,本地都会访问一次主机.为避免完成程序前调试时多次访问主机增加主机负荷,我们可以在编写程序前将网页源代码存在本地,调试时访问本地文件即可.现在我来分享一下爬取资料 ...

  3. QListWidget读取本地文件夹中文件并显示名字,双击读取xml数据

    文章目录 前言 一.读取本地文件并显示 二.双击读取数据 前言 本文主要是为了解决QListWidget读取本地文件夹中文件,并且显示的问题.然后双击读取其中xml数据 一.读取本地文件并显示 如下的 ...

  4. 用Groovy读取本地文件的代码

    下面这些包默认已经被导入了,不需要使用import再次显式导入: java.io.* java.lang.* java.math.BigDecimal java.math.BigInteger jav ...

  5. js读写php文件,在js中如何读取本地文件

    下面我就为大家分享一篇js读取本地文件的实例,具有很好的参考价值,希望对大家有所帮助. 如何用在浏览器端预览本地文件? 今天的主题是使用浏览器预览本地文件. 由于浏览器安全策略的限制,javascri ...

  6. java接收并存储文件_客户端读取本地文件的数据,发送到服务器,服务器接收并存储到文件中...

    只实现了传送文件的功能. 编写Socket客户端和服务器程序,客户端读取本地文件的数据,发送到服务器,服务器接收并存储到文件中. 消息格式: 字段 长度(单位字节) 内容 -------------- ...

  7. java 读取本地文件_java 读取本地文件实例详解

    java 读取本地文件实例详解 用javax.xml.w3c解析 实例代码: package cn.com.xinli.monitor.utils; import org.w3c.dom.Docume ...

  8. Spark读取本地文件和HDFS文件

    前言 旁边的实习生又一脸懵逼了:Spark有bug,明明我本地/data目录下有test.txt文件,但运行就报错: Caused by: java.io.FileNotFoundException: ...

  9. java访问本地文件_详解Java读取本地文件并显示在JSP文件中

    详解Java读取本地文件并显示在JSP文件中 当我们初学IMG标签时,我们知道通过设置img标签的src属性,能够在页面中显示想要展示的图片.其中src的值,可以是磁盘目录上的绝对,也可以是项目下的相 ...

最新文章

  1. 如何快速出稿一个优秀APP的构图
  2. 如何在openbsd 5.1-5.3上部署open*** 服务器?
  3. list所有元素相加 python_Python基础入门笔记:列表、元组(阿里云天池)
  4. Java方法的引用(打造Lambda表达式的升级版)
  5. 电脑计算机和算盘童话作文,消失的算盘作文
  6. 声网(agora)音视频通话sdk—微信小程序demo
  7. 打车软件系统分析与设计方案
  8. 最全面的 Spring 学习笔记
  9. 学了计算机很迷茫怎么办?计算机大三学生怎么找实习工作?
  10. 提取文件夹中图片名字
  11. 机械键盘简要介绍。。。。
  12. 江西计算机好的本科学校,江西本科学校计算机及应用顶岗实习
  13. uniapp引用外部js_Uniapp怎么引入外部js
  14. linux7删除lv后文件系统异常,使用c-spoc删除lv后出现怪异异常!(已解决)
  15. 如何对振弦式渗压计进行数据读取和处理
  16. 《引爆流行》:Web2.0的传播理论
  17. 如何用TensorFlow开发不一样的AI足球智能分析预测软件
  18. 汽车轮速传感器智能测试系统ETest的设计
  19. 获取实时股票数据与股票数据接口API
  20. 一次简单的计网实践——浅谈校园网认证原理、ipv6机制绕过认证限制、双路由器宿舍组网

热门文章

  1. Vue在添加了@CrossOrigin注解之后还是报跨域的错误的原因
  2. Improvements to Target-Based 3D LiDAR to Camera Calibration
  3. 运算放大器的简要分析
  4. 10种APP渠道推广方式 学好了一切就简单了!
  5. UEditor解析数据库中HTML标签,C标签或者S标签
  6. OSChina 周五乱弹 —— 你不会知道老板在女装大佬面前多主动
  7. 启扬智能床旁交互终端解决方案,建设智慧病房系统
  8. 根据uuid获取通道session
  9. The C10K problem翻译
  10. 去掉迅雷广告_thunder5广告不见了~