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 用原型继承来实现对象系统
Mar 22 Javascript
关于文本框的一些限制控制总结~~
Apr 15 Javascript
JavaScript自定义方法实现trim()、Ltrim()、Rtrim()的功能
Nov 03 Javascript
手机端网页点击链接触发自动拨打或保存电话的示例代码
Aug 15 Javascript
javascript遇到html5的一些表单属性
Jul 05 Javascript
Knockoutjs 学习系列(一)ko初体验
Jun 07 Javascript
JS判断日期格式是否合法的简单实例
Jul 11 Javascript
AngularJS+bootstrap实现动态选择商品功能示例
May 17 Javascript
使用vue构建移动应用实战代码
Aug 02 Javascript
vue学习之Vue-Router用法实例分析
Jan 06 Javascript
小程序实现背景音乐播放和暂停
Jun 19 Javascript
原生js canvas实现鼠标跟随效果
Aug 02 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异步调用socket实现代码
2012/01/12 PHP
微信公众平台DEMO(PHP)
2016/05/04 PHP
jQuery 回调函数(callback)的使用和基础
2015/02/26 Javascript
JavaScript判断前缀、后缀是否是空格的方法
2015/04/15 Javascript
js中substr,substring,indexOf,lastIndexOf,split,replace的用法详解
2015/11/09 Javascript
JavaScript实现的SHA-1加密算法完整实例
2016/02/02 Javascript
Bootstrap实现水平排列的表单
2016/07/04 Javascript
jQuery获取同级元素的简单代码
2016/07/09 Javascript
Bootstrap BootstrapDialog使用详解
2017/02/17 Javascript
jQuery EasyUI 为Combo,Combobox添加清除值功能的实例
2017/04/13 jQuery
Javascript网页抢红包外挂实现分享
2018/01/11 Javascript
vue-lazyload图片延迟加载插件的实例讲解
2018/02/09 Javascript
浅谈Vue.js中如何实现自定义下拉菜单指令
2019/01/06 Javascript
微信小程序 生成携带参数的二维码
2019/10/23 Javascript
用Python写的图片蜘蛛人代码
2012/08/27 Python
Python函数嵌套实例
2014/09/23 Python
python操作sqlite的CRUD实例分析
2015/05/08 Python
python opencv之分水岭算法示例
2018/02/24 Python
Python使用matplotlib绘制多个图形单独显示的方法示例
2018/03/14 Python
python3使用SMTP发送HTML格式邮件
2018/06/19 Python
详解python中自定义超时异常的几种方法
2019/07/29 Python
完美解决torch.cuda.is_available()一直返回False的玄学方法
2021/02/06 Python
Bose法国官网:购买耳机、扬声器、家庭影院、专业音响
2017/12/21 全球购物
计算机应用职专应届生求职信
2013/11/12 职场文书
营销与策划专业求职信
2014/06/20 职场文书
员工试用期自我评价
2014/09/18 职场文书
法定代表人授权委托书范本
2014/10/07 职场文书
服务明星事迹材料
2014/12/29 职场文书
2015年医德考评自我评价
2015/03/03 职场文书
我是特种兵观后感
2015/06/11 职场文书
详解如何使用Node.js实现热重载页面
2021/05/06 Javascript
MySQL查询学习之基础查询操作
2021/05/08 MySQL
MYSQL优化之数据表碎片整理详解
2022/04/03 MySQL
Java线程的6种状态与生命周期
2022/05/11 Java/Android
Mysql中的触发器定义及语法介绍
2022/06/25 MySQL
python数字图像处理之对比度与亮度调整示例
2022/06/28 Python