首页 > 软件开发 > JavaScript >

js与readFileSync作用相同的方法

来源:互联网 2023-03-16 23:57:18 版权归原作者所有,如有侵权,请联系我们

首先这里要说明一下,Web开发的JavaScript是没有同步读取文件的方法的,而且读取文件受浏览器权限的限制,html5提供了FileReader对象读取文件,早前只有fso(ActiveX)。LDB办公区 - 实用经验教程分享!

由于百度经验对代码的着色不支持,代码贴出来可读性非常差,所以小编统一采用截图的方式,如有疑问,请点击文章末尾的“我有疑问”反馈给小编。LDB办公区 - 实用经验教程分享!

工具/原料

  • 浏览器
  • Sublime

方法/步骤

  • 1

    创建一个空白HTML文件,取名:jsRead.htmlLDB办公区 - 实用经验教程分享!

    创建一个txt文本文件,取名:testfile.txt,输入内容:abcdLDB办公区 - 实用经验教程分享!

    先测试ActiveX的读取文件方法,如下代码LDB办公区 - 实用经验教程分享!

    js与readFileSync作用相同的方法LDB办公区 - 实用经验教程分享!

    js与readFileSync作用相同的方法LDB办公区 - 实用经验教程分享!

  • 2

    ie内核下,浏览器直接抛出拦截消息了,点击运行之后,文件读取成功了。LDB办公区 - 实用经验教程分享!

    这种方式仅支持ie内核,非IE直接报错。LDB办公区 - 实用经验教程分享!

    js与readFileSync作用相同的方法LDB办公区 - 实用经验教程分享!

    js与readFileSync作用相同的方法LDB办公区 - 实用经验教程分享!

    js与readFileSync作用相同的方法LDB办公区 - 实用经验教程分享!

  • 2该信息非法爬取自百度经验
  • 3

    下面介绍Html5的FileReader对象LDB办公区 - 实用经验教程分享!

    js与readFileSync作用相同的方法LDB办公区 - 实用经验教程分享!

  • 4

    代码里面使用,异步的方式加载文件,通过input文件选择框获取文件信息,然后传给FileReader读取后加载文件数据。LDB办公区 - 实用经验教程分享!

    js与readFileSync作用相同的方法LDB办公区 - 实用经验教程分享!

  • 5

    判断了文件类型,如果是图片就创建图片,按base64编码加载,文本就直接显示LDB办公区 - 实用经验教程分享!

    js与readFileSync作用相同的方法LDB办公区 - 实用经验教程分享!

    js与readFileSync作用相同的方法LDB办公区 - 实用经验教程分享!

  • 6

    另外,nodejs是服务端脚本语言,因此它有更高的权限操作文件,异步同步都支持,但JavaScript考虑到自身的安全性,读取文件还是有很多限制的。LDB办公区 - 实用经验教程分享!

  • 注意事项

    • 如果您有不同意见,请点击下方【我有疑问】反馈给小编! 第一时间关注有更多惊喜啦!谢谢!

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!LDB办公区 - 实用经验教程分享!


    标签: 编程语言JAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号