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 数值项目的格式化函数代码
May 14 Javascript
ie支持function.bind()方法实现代码
Dec 27 Javascript
固定网页背景图同时保持图片比例的思路代码
Aug 15 Javascript
js中的scroll和offset 使用比较的实例与分析
Sep 29 Javascript
jquery中的过滤操作详细解析
Dec 02 Javascript
实例代码详解javascript实现窗口抖动及qq窗口抖动
Jan 04 Javascript
微信小程序 仿美团分类菜单 swiper分类菜单
Apr 12 Javascript
微信小程序 下拉菜单简单实例
Apr 13 Javascript
详解Vue双向数据绑定原理解析
Sep 11 Javascript
让bootstrap的carousel支持滑动滚屏的实现代码
Nov 27 Javascript
JS实现随机抽取三人
Nov 06 Javascript
vue+openlayers绘制省市边界线
Dec 24 Vue.js
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 无极分类(递归)实现代码
2010/01/05 PHP
php中的PHP_EOL换行符详细解析
2013/10/26 PHP
Laravel中使用阿里云OSS Composer包分享
2015/02/10 PHP
自己写的php curl库实现整站克隆功能
2015/02/12 PHP
分享PHP函数实现数字与文字分页代码
2015/07/28 PHP
ThinkPHP 5.1 跨域配置方法
2019/10/11 PHP
jQuery实现div浮动层跟随页面滚动效果
2014/02/11 Javascript
基于jQuery实现网页进度显示插件
2015/03/04 Javascript
AngularJS控制器controller正确的通信的方法
2016/01/25 Javascript
AngularJS入门教程之控制器详解
2016/07/27 Javascript
浅谈JS继承_寄生式继承 &amp; 寄生组合式继承
2016/08/16 Javascript
解决同一页面中两个iframe互相调用jquery,js函数的方法
2016/12/12 Javascript
基于Three.js实现360度全景图片
2018/12/30 Javascript
详解如何探测小程序返回到webview页面
2019/05/14 Javascript
Vue.js实现大屏数字滚动翻转效果
2019/11/29 Javascript
Python中的tuple元组详细介绍
2015/02/02 Python
Django中URLconf和include()的协同工作方法
2015/07/20 Python
python实现批量按比例缩放图片效果
2018/03/30 Python
Python实现的质因式分解算法示例
2018/05/03 Python
python使用tcp实现局域网内文件传输
2020/03/20 Python
Python XML转Json之XML2Dict的使用方法
2019/01/15 Python
Python实现查找二叉搜索树第k大的节点功能示例
2019/01/24 Python
Python可变和不可变、类的私有属性实例分析
2019/05/31 Python
pycharm 实现光标快速移动到括号外或行尾的操作
2021/02/05 Python
全球最大的瓷器、水晶和银器零售商:Replacements
2020/06/15 全球购物
作为网站管理者应当如何防范XSS
2014/08/16 面试题
经理职责范文
2013/11/08 职场文书
学校消防安全责任书
2014/07/23 职场文书
2014年小学体育工作总结
2014/12/11 职场文书
计生个人工作总结
2015/02/28 职场文书
2015年高三毕业班班主任工作总结
2015/10/22 职场文书
2016大学生党校学习心得体会
2016/01/06 职场文书
送给火锅店的创意营销方案!
2019/07/08 职场文书
mysql多表查询-笔记七
2021/04/05 MySQL
使用Python+OpenCV进行卡类型及16位卡号数字的OCR功能
2021/08/30 Python
Linux中一对多配置日志服务器的详细步骤
2022/07/23 Servers