js 浏览器浏览本地文件

2024-08-03

使用JS的 FileReader 读取本地文本文件（可兼容各种浏览器）

最近需要在客户端操作文件,看到网上有 FileReader 对象,链接:https://developer.mozilla.org/zh-CN/docs/Web/API/FileReader 还是直接上代码吧,大家自己看: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title>

js/jquery 获取本地文件的文件路劲获取input框中type=‘file’ 中的文件路径(转载)

原文:http://blog.csdn.net/niyingxunzong/article/details/16989947 js/jquery 获取本地文件的文件路劲获取input框中type=‘file’ 中的文件路径标签: javascriptjsjqueryobjectjs 图片实时预览 2013-11-27 18:38 14483人阅读评论(1) 收藏举报分类: HTMl input 框获得本地文件的路径版权声明:本文为博主原创文章,未经博主允许不得转载. 分为两部分,

JS读取/创建本地文件及目录文件夹的方法

原文链接:http://www.cnblogs.com/ayan/archive/2013/04/22/3036072.html 注:以下操作只在IE下有效! Javascript是网页制作中离不开的脚本语言,依靠它,一个网页的内容才生动活泼.富有朝气.但也许你还没有发现并应用它的一些更高级的功能吧?比如,对文件和文件夹进行读.写和删除,就象在VB.VC等高级语言中经常做的工作一样.怎么样,你是否需要了解这方面的知识?那就请跟我来,本文将详细描述如何使用Javascript语言进行文件操作. 一

使用fiddler将网站上的css js重定向至本地文件

使用fiddler将网站上的css js重定向至本地文件,进行在线调试 https://github.com/annnhan/ReRes 1条回复这是一篇写给公司负责切图和调样式的前端的文章.主要适用于一个项目临时需要调整下css或者js,为了一点修改让前端人员在本机搭建完整的LAMP环境,导入DB数据,确实很不方便,特别是像我们这样前后端在地理上就分离在两个城市的团队.这里是使用强大的Fiddler2,以修改本博客网站的云标签插件的样式为例. 1. 下载安装fiddler2,点击运行 htt

java+js实现展示本地文件夹下的所有图片demo[申明：来源于网络]

java+js实现展示本地文件夹下的所有图片demo[申明:来源于网络] 地址:http://blog.csdn.net/allgis/article/details/46364875

JS调用activeX实现浏览本地文件夹功能 wekit内核只需要<input type="file" id="files" name="files[]" webkitdirectory/>即可，IE内核比较麻烦

研究了一天,js访问本地文件本身是不可能的,只能借助于插件.植入正题,IE仅支持ActiveX插件. function openDialog() { try { var Message = "请选择文件夹"; //选择框提示信息 var Shell = new ActiveXObject("Shell.Application"); var Folder = Shell.BrowseForFolder(0, Message, 0x0040, 0x11); //起始目录

web前端效率提升之浏览器与本地文件的映射-遁地龙卷风

1.chrome浏览器,机制是拦截url, 1.在浏览器Element中调节的css样式可以直接同步到本地文件,反之亦然,浏览器会重新加载css,省去刷新 2.在source面板下对js的编辑可以同步到本地文件,反之亦然,浏览器会重新加载js,比如一些基于事件调用的函数, 更改之后再次被触发可以立马看到效果,省去刷新 3.对html的修该浏览器不会重新加载更多的细节大家自行体会吧!2.设置方法目录中要避免出现中文! 我的版本是49,不同版本位置可能会有出入已file:///D:/curre

js实现打开本地文件或文件夹

原网址:http://blog.csdn.net/cofesun/article/details/7904887javascript有个特殊的对象ActiveXObject,通过它可以访问windows的本地文件系统和应用程序 <script> function openFileIIs(filename){ try{ var obj=new ActiveXObject("wscript.shell"); if(obj){ obj.Run("\""

JS实现打开本地文件或文件夹 ActiveXObject

IE浏览器打开C盘,测试可用. 如果浏览器报错提示:ActiveXObject is not defined Internet 选项 -> 安全 - >安全级别,调低级别 function openFileIIs(){ try{ var obj=new ActiveXObject("wscript.shell"); if(obj){ obj.Run("c:/", 1, false ); //obj.run("osk");/*打开屏幕键

FileSaver.js 浏览器导出Excel文件

限制一:不同浏览器对 blob 对象有不同的限制具体看看下面这个表格(出自 FileSaver.js): Browser Constructs as Filenames Max Blob Size Dependencies Firefox 20+ Blob Yes 800 MiB None Firefox < 20 data: URI No n/a Blob.js Chrome Blob Yes 500 MiB None Chrome for Android Blob Yes 500 MiB

express，node.js实现获取本地文件夹下面的全部图片文件

http://www.luyixian.cn/javascript_show_169354.aspx 按照网上的教程试了多次,处理了各种结果后还有报错, 最后的报错是cant find module “imageinfo”,这时候才发现原来这个东西还要引入imageinfo这个, npm install imageinfo即可, 本以为和这个是跟fs一样node自带的. 现在问题又来了,如果按照这样输出的文件是不可以访问的,带磁盘的绝对路径于是我又进行了处理,将它改为了相对路径然后可以成功

video.js不能控制本地视频或者音频播放时长

问题: 把视频放到本地,然后对视频进行测试,想要控制视频或者音频的播放时长,没办法做到,每次拉动进度条,都会使得本地视频重新播放原因: 所有浏览器默认js无法访问本地地址,也就是说js不能对本地文件进行任何修改,假如js可以随意修改文件,那将无法想像浏览网页带来巨大的安全威胁那,如何解决这个问题呢? 把视频.图片.音频文件存放在网盘上,通过网盘放出的url接口进行数据的访问,这就可以控制网盘上的视频的时长推荐网盘工具:https://www.qiniu.com/ 七牛云

Jquery的load加载本地文件出现跨域错误的解决方案

如果用原生的AJAX是加载本地文件就不会出现错误.当然,这个jquery的load放在服务器上通过http加载还是支持的.也有例外比如在firefox和ie浏览器使用$.ajax加载本地html或txt文件时,不会报错. 当其他浏览器控制台弹出下面报错,表明这个不支持跨域浏览本地文件: Access to XMLHttpRequest at 'file:///F:/%E4%BB%A3%E7%A0%81/Jquery/a.txt' from origin 'null' has been block

前台JS（type=‘file’）读取本地文件的内容，兼容各种浏览器

[自己测了下,能兼容各种浏览器,但是读取中文会出现乱码.自己的解决方法是用notepad++把txt文件编码改为utf-8(应该是和浏览器编码保持一致吧?..)] 原文 http://blog.csdn.net/xwq1012/article/details/41941895 参考如下: http://blog.csdn.net/lejuo/article/details/11528243 前台JS读取本地文件内容,兼容IE7.8.9.10 FF Chrome等各种版本,纠结了好长时间,终于找

IE浏览器上传文件时本地路径变成”C:\fakepath\”的问题【转】

转自:http://www.iefans.net/ie-shangchuan-bendi-lujing-fakepath/ 在使用<input id="file_upl" type="file" />控件上传文件时,有时会需要获取文件本地路径展示给客户,这时可以通过这样的方式获取文件本地路径: document.getElementById('file_upl').value 这在IE7及以前的IE浏览器版本上都没有问题,但是到IE8上面,就不行了,在I

IE浏览器上传文件时本地路径变成”C:\fakepath\”的问题

在使用<input id="file_upl" type="file" />控件上传文件时,有时会需要获取文件本地路径展示给客户,这时可以通过这样的方式获取文件本地路径: document.getElementById('file_upl').value 这在IE7及以前的IE浏览器版本上都没有问题,但是到IE8上面,就不行了,在IE8中你只会获取到这样的路径:"C:\fakepath\xxx”,其中xxx是你的文件名. 这是怎么回事呢? 原来

JS兼容各个浏览器的本地图片上传即时预览效果

JS兼容各个浏览器的本地图片上传即时预览效果很早以前在工作曾经碰到这么一个需求,当时也是纠结了很久,也是google了很久,没有碰到合适的demo,今天特意研究了下这方面的的问题,所以也就做了个简单的demo来实现本地上传图片即时预览效果.其在标准浏览器(firefox,chrome,IE10等其他浏览器)用了HTML5中的内容实现图片即时预览效果.在IE10以下浏览器用了滤镜来解决图片显示问题.在看代码之前,先让我们来了解以下知识点: HTML5中的FileReader对象: FileR

js操作本地文件

只有IE支持js对本地文件操作其他浏览器都不支持

chrome浏览器调试线上文件映射本地文件

chrome浏览器调试线上文件映射本地文件通过ReRes让chrome拥有路径映射的autoResponse功能. 前端开发过程中,经常会有需要对远程环境调试的需求.比如,修改线上bug,开发环境不在本地等等.我们需要把远程css文件或者js映射到本地的文件上,通过修改本地文件进行调试和开发.通常我们可以通过以下方法来实现映射: 1.修改host文件——只能把域名映射到IP 2.使用Apache或者nginx搭建反向代理——需要装环境,配置相对繁琐 3.使用Fiddler中的AutoRespn

js 读取本地文件（必须通过input控件才能实现）及下载文件

js 操作文件的实现原理: 1.js是不能直接操作(读写)文件的,html的 input[type="file"] 控件是可以读取文件数据(获取文件数据流)的.js可以获取这个 input 标签的数据流,这样js就可以操作这个文件的数据流了,获取这个文件中数据了( js 还是不能将数据写入文件中). input[type="file"] 控件操作文件,只能是用户主动加载文件到浏览器上.浏览器这种机制,确保了js无法操作文件.只能在用户主动允许的

手工创建tomcat应用，以及实现js读取本地文件内容

手工创建tomcat应用: 1.在webapps下面新建应用目录文件夹 2.在文件夹下创建或是从其他应用中复制:META-INF,WEB-INF这两个文件夹, 其中META-INF清空里面,WEB-INF里面只保留web.xml,并清空webapp标签内全部内容因为tomcat应用必须要有这步的东西,而且格式还要一致 3.现在可任意加网页文件或js,css文件,只要查对地址正确即可访问. js读取本地文件内容: 只有在服务端才可以读取本地内容,client方式无法获取. $.get("文件名.

js 浏览器浏览本地文件

热门专题