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 相关文章推荐
QQ邮箱的一个文本编辑器代码
Mar 14 Javascript
extjs之去除s.gif的影响
Dec 25 Javascript
JavaScript实现按照指定长度为数字前面补零输出的方法
Mar 19 Javascript
AngularJS中update两次出现$promise属性无法识别的解决方法
Jan 05 Javascript
node.js中EJS 模板快速入门教程
May 08 Javascript
移动端Ionic App 资讯上下循环滚动的实现代码(跑马灯效果)
Aug 29 Javascript
在原生不支持的旧环境中添加兼容的Object.keys实现方法
Sep 11 Javascript
jQuery完成表单验证的实例代码(纯代码)
Sep 30 jQuery
mongoose设置unique不生效问题的解决及如何移除unique的限制
Nov 07 Javascript
Vue入门之数据绑定(小结)
Jan 08 Javascript
微信小程序scroll-x失效的完美解决方法
Jul 18 Javascript
基于elementUI竖向表格、和并列的案例
Oct 26 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 设计模式之 工厂模式
2008/12/19 PHP
ThinkPHP自动转义存储富文本编辑器内容导致读取出错的解决方法
2014/08/08 PHP
详解 PHP加密解密字符串函数附源码下载
2015/12/18 PHP
通过修改Laravel Auth使用salt和password进行认证用户详解
2017/08/17 PHP
详解thinkphp中的volist标签
2018/01/15 PHP
3Z版基于jquery的图片复选框(asp.net+jquery)
2010/04/12 Javascript
用js实现的模拟jquery的animate自定义动画(2.5K)
2010/07/20 Javascript
学习面向对象之面向对象的术语
2010/11/30 Javascript
Wordpress ThickBox 点击图片显示下一张图的修改方法
2010/12/11 Javascript
判断用户的在线状态 onbeforeunload事件
2011/03/05 Javascript
javascript如何创建表格(javascript绘制表格的二种方法)
2013/12/10 Javascript
2014年最火的Node.JS后端框架推荐
2014/10/27 Javascript
通过JS判断联网类型和连接状态的实现代码
2015/04/01 Javascript
javascript实现淡蓝色的鼠标拖动选择框实例
2015/05/09 Javascript
Bootstrap基本样式学习笔记之按钮(4)
2016/12/07 Javascript
for循环 + setTimeout 结合一些示例(前端面试题)
2017/08/30 Javascript
JS库之Three.js 简易入门教程(详解之一)
2017/09/13 Javascript
JavaScript 数组去重并统计重复元素出现的次数实例
2017/12/14 Javascript
浅谈Vuex注入Vue生命周期的过程
2019/05/20 Javascript
在React中写一个Animation组件为组件进入和离开加上动画/过度效果
2019/06/24 Javascript
Bootstrap实现前端登录页面带验证码功能完整示例
2020/03/26 Javascript
Python模拟登陆实现代码
2017/06/14 Python
Python 多个图同时在不同窗口显示的实现方法
2019/07/07 Python
python如何设置静态变量
2020/09/07 Python
Pycharm安装Qt Design快捷工具的详细教程
2020/11/18 Python
波兰在线运动商店:YesSport
2020/07/23 全球购物
String、StringBuffer、StringBuilder有区别
2015/09/18 面试题
校园活动策划书范文
2014/01/10 职场文书
工程专业求职自荐书范文
2014/02/18 职场文书
质量月活动策划方案
2014/03/10 职场文书
婚纱摄影师求职信范文
2014/04/17 职场文书
带香烟到学校抽的检讨书
2014/09/25 职场文书
预备党员思想汇报1000字
2014/10/07 职场文书
2016年教师党员承诺书范文
2016/03/24 职场文书
python 下划线的多种应用场景总结
2021/05/12 Python
Pyhton爬虫知识之正则表达式详解
2022/04/01 Python