搜索
首页web前端js教程关于文件读取的知识讲解
关于文件读取的知识讲解Jul 18, 2017 pm 04:15 PM
知识

最近同事问我js能不能读取本地文件;

想起以前看到js读取本地文件的文章,然后自己写了个demo。

ps:这有点像Java的IO流,但是又有差别。

下面是我总结的一些步骤:

1、获取file對象
var file=document.querySelector('input');
2、設置change事件
file.onchange=function(){
      3、获取file的资源
      var list=this.files;
      4、创建读取器
      var reader=new FileReader();
      5、开始读取文件
         readAsDataURL() 方法 返回一个文件路径
         readAsText()   方法 返回一个文件内容(字符串)
      reader.readAsDataURL(list[0]);
         文件读取完成后获取结果
      reader.onload=function(){
             获取读取结果-并进行处理
      document.querySelector('img').src=this.result;
      }
}

在事件中你可以在后台看一下console.dir(this);注意的是读取文件的两个方法①readAsDataURL() 方法 返回一个文件路径②readAsText() 方法 返回一个文件内容(字符串);

以上是关于文件读取的知识讲解的详细内容。更多信息请关注PHP中文网其他相关文章!

声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
带你了解相当震撼的win10x系统知识带你了解相当震撼的win10x系统知识Jul 14, 2023 am 11:29 AM

  近日,网络中有win10X系统的最新镜像下载流出,不同于常见的ISO,此次的镜像是.ffu格式,目前仅能用于SurfacePro7体验。虽然很多小伙伴不能体验,但是依旧可以看看测评的相关内容,过过瘾,那么一起来看看win10x系统最新评测吧!win10x系统最新评测  1、Win10X与Win10最大的不同首先就表现在开机后开始按钮等被放在了任务栏中央,除了固定的应用程序,任务栏还可以显示最近启动的应用程序,类似于Android和iOS手机。  2、另外一个就是,新系统的“开始”菜单不支持文

我们一起聊聊知识抽取,你学会了吗?我们一起聊聊知识抽取,你学会了吗?Nov 13, 2023 pm 08:13 PM

一、简介知识抽取通常指从非结构化文本中挖掘结构化信息,例如含有丰富语义信息的标签和短语。这在业界被广泛应用于内容理解和商品理解等场景,通过从用户生成的文本信息中提取有价值的标签,将其应用于内容或商品上知识抽取通常伴随着对所抽取标签或短语的分类,通常被建模为命名实体识别任务,通用的命名实体识别任务就是识别命名实体成分并将成分划分到地名、人名、机构名等类型上;领域相关的标签词抽取将标签词识别并划分到领域自定义的类别上,如系列(空军一号、音速9)、品牌(Nike、李宁)、类型(鞋、服装、数码)、风格(

了解Golang:开发者必备知识了解Golang:开发者必备知识Feb 23, 2024 am 10:51 AM

Golang,又称为Go语言,是一种由Google开发的开源编程语言。自2007年发布以来,Golang在软件开发领域逐渐崭露头角,得到了越来越多开发者的青睐。作为一种静态类型、编译型语言,Golang拥有诸多优点,如高效的并发处理能力、简洁的语法、强大的工具支持等,使其在云计算、大数据处理、网络编程等方面具有广泛应用前景。本文将介绍Golang的基本概念、

了解Linux服务器安全:必备的知识和技能了解Linux服务器安全:必备的知识和技能Sep 09, 2023 pm 02:55 PM

了解Linux服务器安全:必备的知识和技能随着互联网的不断发展,Linux服务器越来越广泛地应用于各个领域。然而,由于服务器存储了大量的敏感数据,其安全性问题也成为了人们关注的焦点。本文将介绍一些必备的Linux服务器安全知识和技能,帮助您保护您的服务器免受攻击。更新和维护操作系统及软件及时更新操作系统和软件是保持服务器安全的重要一环。因为每个操作系统和软件

聊天机器人是如何通过知识图谱回答问题的?聊天机器人是如何通过知识图谱回答问题的?Apr 17, 2023 am 09:13 AM

前言1950年,图灵发表了具有里程碑意义的论文《计算机器与智能》(ComputingMachineryandIntelligence),提出了一个关于机器人的著名判断原则——图灵测试,也被称为图灵判断,它指出如果第三者无法辨别人类与AI机器反应的差别,则可以论断该机器具备人工智能。2008年,漫威《钢铁侠》中的AI管家贾维斯,让人们知道了AI是如何精准地帮助人类(托尼)解决丢过来的各种事务的……图1:AI管家贾维斯(图片来源网络)2023年初,以2C的方式从科技界火爆破圈的免费聊天机器人Chat

掌握HTML全局属性的关键知识与实践技巧掌握HTML全局属性的关键知识与实践技巧Jan 06, 2024 am 08:40 AM

学习HTML全局属性的必备知识与实践技巧HTML(HyperTextMarkupLanguage)是一种用于创建网页结构的标记语言。在构建网页时,我们常常需要使用各种标签和属性来定义页面的外观与行为。而在所有的HTML属性中,全局属性是一类非常重要的属性,它们可以应用于所有的HTML标签,为网页开发者提供了强大的灵活性和自定义能力。在学习和使用HTML全

深入了解jQuery兄弟节点的相关知识深入了解jQuery兄弟节点的相关知识Feb 27, 2024 pm 06:51 PM

毫无疑问,jQuery是前端开发中最常用的JavaScript库之一,它提供了简洁而强大的方法来操作HTML文档。在jQuery中,兄弟节点是指与指定元素有相同父元素的元素。深入了解jQuery兄弟节点的相关知识对于前端开发者来说是至关重要的。本文将介绍如何使用jQuery来操作兄弟节点,并附上具体的代码示例。1.查找兄弟节点在jQuery中,我们可以通过

必学的JSP内置对象知识:了解jsp中常用的内置对象有哪些必学的JSP内置对象知识:了解jsp中常用的内置对象有哪些Jan 10, 2024 pm 04:39 PM

学习JSP内置对象的必备知识:掌握jsp中的内置对象有哪些,需要具体代码示例JSP(JavaServerPages)是一种动态网页开发技术,其优势在于结合了动态编程语言(如Java)和静态页面的特点。在JSP中,内置对象起着重要的作用,方便开发人员进行数据处理和页面渲染。本文将介绍一些常用的JSP内置对象,同时提供具体的代码示例来加深理解。request对

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
2 周前By尊渡假赌尊渡假赌尊渡假赌
仓库:如何复兴队友
1 个月前By尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
4 周前By尊渡假赌尊渡假赌尊渡假赌

热工具

安全考试浏览器

安全考试浏览器

Safe Exam Browser是一个安全的浏览器环境,用于安全地进行在线考试。该软件将任何计算机变成一个安全的工作站。它控制对任何实用工具的访问,并防止学生使用未经授权的资源。

SublimeText3 Linux新版

SublimeText3 Linux新版

SublimeText3 Linux最新版

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)