ZK中使用JS读取客户端txt文件内容问题


Posted in Javascript onNovember 07, 2019

最近写一个需求时遇到一个问题,用户需要通过点击一个按钮直接读取他自己电脑上D盘的一个txt文件内容显示到页面,因为项目现在是用ZK写的.我对于ZK也是刚刚了解不就,很多都还不是很熟.起初我是想用io流去读取,然后写完发现,这样每次读取的都是服务器上的D盘下的txt文件,所以在网上找了很久.很多都是获取服务器上的文件夹或者是上传到服务器再读取.直接通过文件地址读取文件内容很少.因为这样很不安全.目前我也只找到了一种,但是只限于IE浏览器.

<?page title="new page title" contentType="text/html;charset=UTF-8"?>
<zk>
<window title="ZK中使用JS读取客户端txt文件内容问题" border="normal">
  <button label="点击获取txt内容" id="butt"/>
  <label id="filePath" value="D:\\test.txt" style="display:none"/>
  <separator/> 
  <label id="info" style="color:red"/>
  <script><![CDATA[ 
   zk.afterMount(function(){
    jq("$butt").click(function(){      
      try{   
        var fs =new ActiveXObject("Scripting.FileSystemObject");   
     }catch(e){ 
        alert("浏览器不兼容,安全级别太高,无法读取,请使用IE浏览器打开!");         
     }   
        var ts,s;  
       var str = ""; 
       var ForReading = 1; 
        //文件路径,这里是写死在label
        var path = jq("$filePath").text();//这里用 .val()获取不到值,毕竟不是jsp
      //读取文件的内容。    
      ts = fs.OpenTextFile(path,ForReading,true);   
      while(!ts.AtEndOfStream){  
        s = ts.ReadLine(); 
        str+=s; 
      }  
      ts.Close(); 
      jq("$info").text(str);  
     });
   });
  ]]></script>
</window>
</zk>

ZK中使用JS读取客户端txt文件内容问题

ZK中使用JS读取客户端txt文件内容问题

因为ActiveX是IE流量器的插件,所以这个只能在IE浏览器可用.如果你发现IE浏览器也没出来,那你可能是ActiveX插件相关功能没开,需要在IE浏览器进行如下设置

ZK中使用JS读取客户端txt文件内容问题

然后就出来了,但是这样网也就会提示 存在安全风险,没办法,这种操作本来就是不安全的行为.其他浏览器,目前我只知道必须用户通过手动选择文件后在读取文件内容,没发现能通过文件路径直接去读取客户端电脑上的文件.如果哪位大神知道,可以分享给我哦.

总结

以上所述是小编给大家介绍的ZK中使用JS读取客户端txt文件内容问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

Javascript 相关文章推荐
为数据添加append,remove功能
Oct 03 Javascript
javascript 去字符串空格终极版(支持utf8)
Nov 14 Javascript
js取得url地址参数实例
Feb 22 Javascript
javascript实现在线客服效果
Jul 15 Javascript
javascript实现粘贴qq截图功能(clipboardData)
May 29 Javascript
JS中定位 position 的使用实例代码
Aug 06 Javascript
JavaScript中使用Async实现异步控制
Aug 15 Javascript
利用vue组件自定义v-model实现一个Tab组件方法示例
Dec 06 Javascript
bootstrap fileinput插件实现预览上传照片功能
Jan 23 Javascript
解决Vue.js由于延时显示了{{message}}引用界面的问题
Aug 25 Javascript
JS/HTML5游戏常用算法之碰撞检测 像素检测算法实例详解
Dec 12 Javascript
JS模拟浏览器实现全局搜索功能
Sep 11 Javascript
vue 实现强制类型转换 数字类型转为字符串
Nov 07 #Javascript
vue中 数字相加为字串转化为数值的例子
Nov 07 #Javascript
JS实现随机抽选获奖者
Nov 07 #Javascript
Vue中错误图片的处理的实现代码
Nov 07 #Javascript
vue 实现购物车总价计算
Nov 06 #Javascript
JavaScript原型式继承实现方法
Nov 06 #Javascript
vue点击自增和求和的实例代码
Nov 06 #Javascript
You might like
PHP令牌 Token改进版
2008/07/18 PHP
PHP 组件化编程技巧
2009/06/06 PHP
PHP调用Twitter的RSS的实现代码
2010/03/10 PHP
PHP通过内置函数memory_get_usage()获取内存使用情况
2014/11/20 PHP
CI映射(加载)数据到view层的方法
2016/03/28 PHP
PHP中常用的三种设计模式详解【单例模式、工厂模式、观察者模式】
2019/06/14 PHP
jquery js 重置表单 reset()具体实现代码
2013/08/05 Javascript
JS获取屏幕高度的简单实现代码
2016/05/24 Javascript
AngularJS内建服务$location及其功能详解
2016/07/01 Javascript
NODE.JS跨域问题的完美解决方案
2016/10/20 Javascript
JavaScript自定义文本框光标
2017/03/05 Javascript
nodejs操作mysql实现增删改查的实例
2017/05/28 NodeJs
Vue上传组件vue Simple Uploader的用法示例
2017/08/25 Javascript
浅析Vue 生命周期
2018/06/21 Javascript
JavaScript设计模式之建造者模式实例教程
2018/07/02 Javascript
js中的数组对象排序分析
2018/12/11 Javascript
如何在微信小程序里面退出小程序的方法
2019/04/28 Javascript
JavaScript解析JSON数据示例
2019/07/16 Javascript
微信小程序tabBar 返回tabBar不刷新页面
2019/07/25 Javascript
探索Python3.4中新引入的asyncio模块
2015/04/08 Python
从Python程序中访问Java类的简单示例
2015/04/20 Python
使用Python对Csv文件操作实例代码
2017/05/12 Python
Python装饰器用法实例总结
2018/02/07 Python
python字符串分割及字符串的一些常规方法
2019/07/24 Python
深入浅析python变量加逗号,的含义
2020/02/22 Python
从0到1使用python开发一个半自动答题小程序的实现
2020/05/12 Python
为什么称python为胶水语言
2020/06/16 Python
小女主人连衣裙:Little Mistress
2017/07/10 全球购物
介绍一下Ruby的多线程处理
2013/02/01 面试题
教师对学生的寄语
2014/04/03 职场文书
总经理人事任命书
2014/06/05 职场文书
售房协议书
2014/08/19 职场文书
指导教师推荐意见
2015/06/05 职场文书
2015年美容师个人工作总结
2015/10/14 职场文书
springboot读取resources下文件的方式详解
2022/06/21 Java/Android
使用CSS实现音波加载效果
2023/05/07 HTML / CSS