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 相关文章推荐
Javascript 定时器调用传递参数的方法
Nov 12 Javascript
图片在浏览器中底部对齐 解决方法之一
Nov 30 Javascript
Js+Flash实现访问剪切板操作
Nov 20 Javascript
比较常见的javascript中定义函数的区别
Nov 09 Javascript
分享一些常用的jQuery动画事件和动画函数
Nov 27 Javascript
14 个折磨人的 JavaScript 面试题
Aug 08 Javascript
JS实现标签页切换效果
May 04 Javascript
express+mockjs实现模拟后台数据发送功能
Jan 07 Javascript
微信小程序自定义底部弹出框
Nov 16 Javascript
vue项目中跳转到外部链接的实例讲解
Sep 20 Javascript
vue模块拖拽实现示例代码
Mar 09 Javascript
微信小程序点击图片实现长按预览、保存、识别带参数二维码、转发等功能
Jul 20 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中的正规表达式(二)
2006/10/09 PHP
让你的网站首页自动选择语言转跳
2006/12/06 PHP
php中3des加密代码(完全与.net中的兼容)
2012/08/02 PHP
ThinkPHP使用PHPExcel实现Excel数据导入导出完整实例
2014/07/22 PHP
PHP生成加减算法方式的验证码实例
2018/03/12 PHP
javascript 验证日期的函数
2010/03/18 Javascript
AJAX使用了UpdatePanel后无法使用alert弹出脚本
2010/04/02 Javascript
javascript中setTimeout和setInterval的unref()和ref()用法示例
2014/11/26 Javascript
jQuery动态背景图片效果实现方法
2015/07/03 Javascript
jQuery实现的Tab滑动选项卡及图片切换(多种效果)小结
2015/09/14 Javascript
JavaScript实现cookie的写入、读取、删除功能
2015/11/05 Javascript
12个非常实用的JavaScript小技巧【推荐】
2016/05/18 Javascript
node.js实现快速截图
2016/08/27 Javascript
js 倒计时(高效率服务器时间同步)
2017/09/12 Javascript
从setTimeout看js函数执行过程
2017/12/19 Javascript
vue全局组件与局部组件使用方法详解
2018/03/29 Javascript
vue使用Font Awesome的方法步骤
2019/02/26 Javascript
vue语法自动转typescript(解放双手)
2019/09/18 Javascript
小程序外卖订单界面的示例代码
2019/12/30 Javascript
Vue指令实现OutClick的示例
2020/11/16 Javascript
Django 多语言教程的实现(i18n)
2018/07/07 Python
详解Python利用random生成一个列表内的随机数
2019/08/21 Python
python logging日志模块原理及操作解析
2019/10/12 Python
Python 如何创建一个线程池
2020/07/28 Python
如何把python项目部署到linux服务器
2020/08/26 Python
使用python-cv2实现Harr+Adaboost人脸识别的示例
2020/10/27 Python
python实现图片,视频人脸识别(opencv版)
2020/11/18 Python
绝对令人的惊叹的CSS3折叠效果(3D效果)整理
2012/12/30 HTML / CSS
BRASTY捷克:购买香水、化妆品、手袋和手表
2017/07/12 全球购物
综合实践活动报告
2015/02/05 职场文书
2015最新学生自我评价范文
2015/03/03 职场文书
民事二审代理词
2015/05/25 职场文书
有关西游记的读书笔记
2015/06/25 职场文书
MySQL主从复制断开的常用修复方法
2021/04/07 MySQL
SpringBoot+VUE实现数据表格的实战
2021/08/02 Java/Android
Java 垃圾回收超详细讲解记忆集和卡表
2022/04/08 Java/Android