JQuery实现本地文件的读取、文件内容的复制

Josh_Persistence

浏览: 1650053 次
性别:
来自: 上海

最近访客更多访客>>

reshinder

maxuanzhao

yh4s

依然任逍遥

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JavaScript
JQuery

Jquery JavaScript 文件内容读取文件内容复制文件内容整合

1. 用Jquery实现读取文件的内容（2个Json类型的文件），并将文件内容复制到另一个文件中。（另一个Json文件中）（附近代码中的combine_files.html)

2. 检查生成的Json文件是否正确，即是否所有的文件内容都被复制了(check_correct.html), 这个文件只是简单的检查一下你源文件的个数和生成新的文件中，数组里面元素的个数，如果元素相等，说明我们的做法是正确的。

3. combine_files.html因为用到了ActiveXObject对象，所以只能运行在IE中。直接用IE打开并解除阻止即可。

4. check_correct.html可以运行在任何浏览器中。

5. 具体可下载附近进行运行。

6. 但其实这种方法只是为了方便平时做一些操作时用的方法，因为直接用javascript或者Jquery等页面端的Script去直接操作操作系统上的文件本身就是不被允许的。

1. combine_files.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Insert title here</title>

$(function() {

var fileArray = new Array();

var fso = new ActiveXObject("Scripting.FileSystemObject");

var path = "C:\\DOC\\CMS_Related\\ESX_VCenter\\combine_files\\"

var filePath = path + "src"

var sourceFolder = fso.GetFolder(filePath);

// Get array of files in the sourceFolder

var files = new Enumerator(sourceFolder.Files);

for (i=0; !files.atEnd(); files.moveNext()) {

var name = files.item().name;

fileArray.push(name);

}

var all = "[";

for(var i=0; i < fileArray.length; i++){

if (i!=0) {

all = all +',';

}

$.ajax({

type: "GET",

url: "src/" + fileArray[i],

dataType: "text",

success: function(rs) {

all = all + rs;

error: function() {

alert("error");

}

});

}

all = all + "]";

allFile = fso.CreateTextFile(path + "all.json", true);

allFile.Write(all);

allFile.Close();

alert("All data in all.json!!!");

});

</script>

</head>

<body>

</body>

</html>

2. check_correct.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Insert title here</title>

$(function() {

$.ajax({

type: "GET",

url: "all.json",

dataType: "json",

success: function(rs) {

alert(rs.length);

error: function() {

alert("error");

}

});

</script>

</head>

<body>

</body>

</html>

combine_files.zip (70.6 KB)
下载次数: 228

2
顶

3
踩

分享到：

MongoDB与Mysql常用命令解释 | Spring3.X @MVC - （五）用外部化文件来显 ...

2013-06-04 15:32
浏览 17563
评论(2)
分类:Web前端
查看更多

2 楼 Josh_Persistence 2013-06-04

你说的没错，JS的设计初衷本来就是这样的，不能让JS直接去操作操作系统级别的东西。这个地方的用意主要是因为在做的项目中需要将将几十个经常变动的JSON文件的所有内容复制到一个新的JSON文件中，并在这个文件中形成一个JSON数组，这个JSON数组是供项目开发用的。本来我是可以轻松用java搞定这个操作，但是你知道，java还需要装JDK，还需要去执行jar包中的main方法，多麻烦，用JS和html就相对简单多了。
谢谢楼上的评论。很不错。

1 楼 need_faith 2013-06-04

用js来做复制文件，有什么引用场景么；
js当初设计来可是运行在沙盒中的，是为了增加安全性，如果要使用IE的activeX来实现复制文件，那安全性不就很低了么？
感觉没多大用处，楼主只是让大家知道IE中的这个“Scripting.FileSystemObject”activeX可以复制文件而已

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论