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 相关文章推荐
密码强度检测效果实现原理与代码
Jan 04 Javascript
javascript轻松实现当鼠标移开时已弹出子菜单自动消失
Dec 29 Javascript
jQuery实现简单倒计时功能的方法
Jul 04 Javascript
完美解决jQuery fancybox ie 无法显示关闭按钮的问题
Nov 29 Javascript
angular.fromJson与toJson方法用法示例
May 17 Javascript
JavaScript生成指定范围的时间列表
Mar 19 Javascript
vue component 中引入less文件报错 Module build failed
Apr 17 Javascript
vue中实现Monaco Editor自定义提示功能
Jul 05 Javascript
使用Angular material主题定义自己的组件库的配色体系
Sep 04 Javascript
js实现点赞效果
Mar 16 Javascript
Vue如何基于vue-i18n实现多国语言兼容
Jul 17 Javascript
echarts柱状图背景重叠组合而非并列的实现代码
Dec 10 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以指定字段为索引返回数据库所取的数据数组
2013/06/30 PHP
thinkphp浏览历史功能实现方法
2014/10/29 PHP
php通过rmdir删除目录的简单用法
2015/03/18 PHP
php使用simplexml_load_file加载XML文件并显示XML的方法
2015/03/19 PHP
静态html文件执行php语句的方法(推荐)
2016/11/21 PHP
Thinkphp3.2简单解决多文件上传只上传一张的问题
2017/09/26 PHP
PHP进阶学习之类的自动加载机制原理分析
2019/06/18 PHP
javascript 模式设计之工厂模式学习心得
2010/04/27 Javascript
JS中toFixed()方法引起的问题如何解决
2012/11/20 Javascript
Javscript删除数组中指定元素并返回新数组
2014/03/06 Javascript
简述JavaScript的正则表达式中test()方法的使用
2015/06/16 Javascript
基于javascript制作微博发布栏效果
2016/04/04 Javascript
深入理解node exports和module.exports区别
2016/06/01 Javascript
JavaScript函数节流概念与用法实例详解
2016/06/20 Javascript
JavaScript暂停和继续定时器的实现方法
2016/07/18 Javascript
JS把内容动态插入到DIV的实现方法
2016/07/19 Javascript
JS获取短信验证码倒计时的实现代码
2017/05/22 Javascript
详解基于webpack搭建react运行环境
2017/06/01 Javascript
Async Validator 异步验证使用说明
2017/07/03 Javascript
Vue实现virtual-dom的原理简析
2017/07/10 Javascript
深入理解使用Vue实现Context-Menu的思考与总结
2019/03/09 Javascript
基于JavaScript判断两个对象内容是否相等
2020/01/10 Javascript
加速vue组件渲染之性能优化
2020/04/09 Javascript
python发布模块的步骤分享
2014/02/21 Python
使用Python压缩和解压缩zip文件的教程
2015/05/06 Python
python机器学习实战之树回归详解
2017/12/20 Python
python实现log日志的示例代码
2018/04/28 Python
简单了解python 生成器 列表推导式 生成器表达式
2019/08/22 Python
python3实现网页版raspberry pi(树莓派)小车控制
2020/02/12 Python
HTML5 常见面试题之PC端和移动端区别介绍
2018/01/22 HTML / CSS
荟萃全球保健品:维他购
2018/05/09 全球购物
印度服装购物网站:Limeroad
2018/09/26 全球购物
幼儿园教学随笔感言
2014/02/23 职场文书
数学考试作弊检讨书300字
2015/02/16 职场文书
物流仓管员岗位职责
2015/04/01 职场文书
2016年寒假学习心得体会
2015/10/09 职场文书