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监测ActiveX控件是否已经安装过的代码
Sep 02 Javascript
获取服务器传来的数据 用JS去空格的正则表达式
Mar 26 Javascript
原生JS简单实现ajax的方法示例
Nov 29 Javascript
Node.js制作简单聊天室
Jan 12 Javascript
详解Vue微信公众号开发踩坑全记录
Aug 21 Javascript
JavaScript基础之流程控制语句的用法
Aug 31 Javascript
ES6中Array.copyWithin()函数的用法实例详解
Sep 16 Javascript
JavaScript生成指定范围随机数和随机序列的方法
May 05 Javascript
layui清除radio的选中状态实例
Nov 14 Javascript
Vue分页效果与购物车功能
Dec 13 Javascript
详解搭建一个vue-cli的移动端H5开发模板
Jan 17 Javascript
package.json各个属性说明详解
Mar 11 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 广告点击统计代码(php+mysql)
2018/02/21 PHP
JavaScript高级程序设计 阅读笔记(十四) js继承机制的实现
2012/08/14 Javascript
jquery实现控制表格行高亮实例
2013/06/05 Javascript
js循环改变div颜色具体方法
2013/06/25 Javascript
打造个性化的功能强大的Jquery虚拟键盘(VirtualKeyboard)
2014/10/11 Javascript
原创jQuery弹出层插件分享
2015/04/02 Javascript
javascript实现密码验证
2015/11/10 Javascript
Document.body.scrollTop的值总为零的快速解决办法
2016/06/09 Javascript
vue.js实现仿原生ios时间选择组件实例代码
2016/12/21 Javascript
js转换对象为xml
2017/02/17 Javascript
JavaScript html5利用FileReader实现上传功能
2020/03/27 Javascript
老生常谈js中0到底是 true 还是 false
2017/03/08 Javascript
JQuery和html+css实现带小圆点和左右按钮的轮播图实例
2017/07/22 jQuery
vue动态路由实现多级嵌套面包屑的思路与方法
2017/08/16 Javascript
在Vue中使用highCharts绘制3d饼图的方法
2018/02/08 Javascript
Vue中android4.4不兼容问题的解决方法
2018/09/04 Javascript
Vue CLI2升级至Vue CLI3的方法步骤
2019/05/20 Javascript
JS运算符优先级与表达式示例详解
2020/09/04 Javascript
[06:43]2018DOTA2国际邀请赛寻真——VGJ.Thunder
2018/08/11 DOTA
python类参数self使用示例
2014/02/17 Python
Python中的__new__与__init__魔术方法理解笔记
2014/11/08 Python
python实现微信小程序用户登录、模板推送
2019/08/28 Python
python通过SSH登陆linux并操作的实现
2019/10/10 Python
Python json模块与jsonpath模块区别详解
2020/03/05 Python
PyQt5 文本输入框自动补全QLineEdit的实现示例
2020/05/13 Python
python如何求100以内的素数
2020/05/27 Python
通过实例了解python__slots__使用方法
2020/09/14 Python
css3动画 小球滚动 js控制动画暂停
2019/11/29 HTML / CSS
英国家用电器购物网站:Hughes
2018/02/23 全球购物
大学新生军训个人的自我评价
2013/10/03 职场文书
十佳好少年事迹材料
2014/08/21 职场文书
技术员岗位职责范本
2015/04/11 职场文书
2015年党风建设工作总结
2015/04/29 职场文书
python 如何在 Matplotlib 中绘制垂直线
2021/04/02 Python
Python可视化动图组件ipyvizzu绘制惊艳的可视化动图
2022/04/21 Python
win10电脑右下角输入法图标不见了?Win10右下角不显示输入法的解决方法
2022/07/23 数码科技