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 相关文章推荐
js 连接数据库如何操作数据库中的数据
Nov 23 Javascript
Web Inspector:关于在 Sublime Text 中调试Js的介绍
Apr 18 Javascript
js插件方式打开pdf文件(浏览器pdf插件分享)
Dec 20 Javascript
15个常用的jquery代码片段
Dec 19 Javascript
jquery自定义插件开发之window的实现过程
May 06 Javascript
设计模式中的facade外观模式在JavaScript开发中的运用
May 18 Javascript
bootstrap daterangepicker双日历时间段选择控件详解
Jun 15 Javascript
Vue.js数据绑定之data属性
Jul 07 Javascript
详解如何用模块化的方式写vuejs
Dec 16 Javascript
vue.js通过路由实现经典的三栏布局实例代码
Jul 08 Javascript
JavaScript实现五子棋游戏的方法详解
Jul 08 Javascript
浅谈React中组件逻辑复用的那些事儿
May 21 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 json_encode()函数返回json数据实例代码
2014/10/10 PHP
PHP生成不重复标识符的方法
2014/11/21 PHP
PHP魔术方法使用方法汇总
2016/02/14 PHP
PHP实现redis限制单ip、单用户的访问次数功能示例
2018/06/16 PHP
Javascript hasOwnProperty 方法 &amp; in 关键字
2008/11/26 Javascript
jQuery技巧总结
2011/01/01 Javascript
js confirm()方法的使用方法实例
2013/07/13 Javascript
javascript使用onclick事件改变选中行的颜色
2013/12/30 Javascript
JavaScript中提前声明变量或函数例子
2014/11/12 Javascript
jquery实现TAB选项卡鼠标经过带延迟效果的方法
2015/07/27 Javascript
javascript中的五种基本数据类型
2015/08/26 Javascript
详解Angularjs filter过滤器
2016/02/06 Javascript
jQuery简单实现iframe的高度根据页面内容自适应的方法
2016/08/01 Javascript
js中scrollTop()方法和scroll()方法用法示例
2016/10/03 Javascript
Angular directive递归实现目录树结构代码实例
2017/05/05 Javascript
vue源码学习之Object.defineProperty对象属性监听
2018/05/30 Javascript
PHP实现基于Redis的MessageQueue队列封装操作示例
2019/02/02 Javascript
NUXT SSR初级入门笔记(小结)
2019/12/16 Javascript
[05:59]2018DOTA2国际邀请赛寻真——只为胜利的Secret
2018/08/13 DOTA
Python中List.index()方法的使用教程
2015/05/20 Python
python 爬取微信文章
2016/01/30 Python
python用pickle模块实现“增删改查”的简易功能
2017/06/07 Python
TensorFlow基于MNIST数据集实现车牌识别(初步演示版)
2019/08/05 Python
django将数组传递给前台模板的方法
2019/08/06 Python
python可视化篇之流式数据监控的实现
2019/08/07 Python
手把手教你用纯css3实现轮播图效果实例
2017/05/04 HTML / CSS
HTML5实现页面切换激活的PageVisibility API使用初探
2016/05/13 HTML / CSS
英国第一家领先的在线处方眼镜零售商:Glasses Direct
2018/02/23 全球购物
个人授权委托书格式
2014/08/30 职场文书
领导干部个人对照检查材料(群众路线)
2014/09/26 职场文书
2015年前台个人工作总结
2015/04/03 职场文书
幼儿园百日安全活动总结
2015/05/07 职场文书
学习焦裕禄观后感
2015/06/09 职场文书
写好求职信的技巧解密
2019/05/14 职场文书
如何使用CocosCreator对象池
2021/04/14 Javascript
Windows11里微软已经将驱动程序安装位置A盘删除
2021/11/21 数码科技