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中的substring和substr函数的区别说明
May 07 Javascript
jquery实现图片上传之前预览的方法
Jul 11 Javascript
js文本框输入内容智能提示效果
Dec 02 Javascript
轻松实现JavaScript图片切换
Jan 12 Javascript
Bootstrap模块dropdown实现下拉框响应
May 22 Javascript
带有定位当前位置的百度地图前端web api实例代码
Jun 21 Javascript
javascript 中的事件委托详解
Oct 25 Javascript
通过BootStrap-select插件 js jQuery控制select属性变化
Jan 03 Javascript
jquery.zclip轻量级复制失效问题
Jan 08 Javascript
微信小程序中多个页面传参通信的学习与实践
May 05 Javascript
详解cordova打包成webapp的方法
Oct 18 Javascript
vue 使用饿了么UI仿写teambition的筛选功能
Mar 01 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
第十节--抽象方法和抽象类
2006/11/16 PHP
解析PHP中VC6 X86和VC9 X86的区别及 Non Thread Safe的意思
2013/06/28 PHP
ThinkPHP应用模式扩展详解
2014/07/16 PHP
windows7下php开发环境搭建图文教程
2015/01/06 PHP
在win系统安装配置 Memcached for PHP 5.3 图文教程
2015/03/03 PHP
基于PHP实现简单的随机抽奖小程序
2016/01/05 PHP
PHP微信企业号开发之回调模式开启与用法示例
2017/11/25 PHP
php对mongodb的扩展(初识如故)
2012/11/11 Javascript
JavaScript 模拟类机制及私有变量的方法及思路
2013/07/10 Javascript
a标签的href和onclick 的事件的区别介绍
2013/07/26 Javascript
Jquery 的outerHeight方法使用介绍
2013/09/11 Javascript
jquery中checkbox全选失效的解决方法
2014/12/26 Javascript
jquery实现很酷的网页顶部图标下拉菜单效果
2015/08/22 Javascript
微信小程序 获取设备信息 API实例详解
2016/10/02 Javascript
百度地图API之百度地图退拽标记点获取经纬度的实现代码
2017/01/12 Javascript
Js中async/await的执行顺序详解
2017/09/22 Javascript
使用vue-cli创建项目的图文教程(新手入门篇)
2018/05/02 Javascript
angular中子控制器向父控制器传值的实例
2018/10/08 Javascript
详解Vue.js在页面加载时执行某个方法
2018/11/20 Javascript
vue中引入mxGraph的步骤详解
2019/05/17 Javascript
微信小程序实现折线图的示例代码
2019/06/07 Javascript
微信小程序自定义多列选择器使用详解
2019/06/21 Javascript
Layui数据表格判断编辑输入的值,是否为我需要的类型详解
2019/10/26 Javascript
[51:17]Mski vs VGJ.S Supermajor小组赛C组 BO3 第三场 6.3
2018/06/04 DOTA
[09:59]DOTA2-DPC中国联赛2月7日Recap集锦
2021/03/11 DOTA
Python的dict字典结构操作方法学习笔记
2016/05/07 Python
Python基于回溯法子集树模板解决最佳作业调度问题示例
2017/09/08 Python
python如何统计序列中元素
2020/07/31 Python
Django项目实战之用户头像上传与访问的示例
2018/04/21 Python
Python3随机漫步生成数据并绘制
2018/08/27 Python
Python基于DB-API操作MySQL数据库过程解析
2020/04/23 Python
TALLY WEiJL法国网上商店:服装、时装及配饰
2019/08/31 全球购物
宏碁西班牙官网:Acer西班牙
2021/01/08 全球购物
工作违纪检讨书
2014/02/17 职场文书
公司领导班子对照材料
2014/08/18 职场文书
不负正版帝国之名 《重返帝国》引领SLG手游制作新的标杆
2022/04/07 其他游戏