文件管理 · 2022年7月25日

js创建file文件|在js动态添加行并添加了一个Input file 控件我怎么获取到它上传文件呢

㈠ javascript 怎么创建File对象

1、对已有对象进行扩充方法和属性

varobject=newObject();object.name="zhangsan";//每个对象需要写这些语句object.sayName=function(name){//每个对象需要写这些语句this.name=name;};object.sayName("lisi");alert(object.name);

2、工厂方式创建对象

functioncreateObject(){varobject=newObject();object.username="zhangsan";object.password="123456";object.get=function(){alert(this.username+","+this.password);}returnobject;}varobject1=createObject();varobject2=createObject();object1.get();object2.get();//带参数的构造方法functioncreateObject(username,password){varobject=newObject();object.username=username;object.password=password;object.get=function(){//缺点是,多少个对象则方法就有多少个alert(this.username+","+this.password);}returnobject;}varobject1=createObject("zhangsan",123456);object1.get();//最佳改进方式functionget(){//使该函数被多个对象共享alert(this.username+","+this.password);}functioncreateObject(username,password){//创建对象varobject=newObject();object.username=username;object.password=password;object.get=get;returnobject;}varobject1=createObject("zhangsan","123456");varobject2=createObject("wangwu","654321");object1.get();object2.get();

3、构造函数方式创建对象

functionPerson(){//在执行第一行代码欠,js引擎会为我们生成一个对象this.username="zhangsan";this.password="123";this.getInfo=function(){alert(this.username+","+this.password);}//此处有一个隐藏的return语句,用于将之前生成对象返回。}varp1=newPerson();p1.getInfo();//带参数functionPerson(username,password){this.username=username;this.password=password;this.getInfo=function(){alert(this.username+","+this.password);}}varp1=newPerson("zhangsan","1234546");p1.getInfo();

4、原型(“prototype”)方式

functionPerson(){}Person.prototype.username="zhangsan";Person.prototype.password="123456";Person.prototype.getInfo=function(){alert(this.username+","+this.password);}varperson=newPerson();varperson2=newPerson();person.username="haha";person.getInfo();person2.getInfo();//单纯使用原型方式定义对象无法在构造函数中为属性赋值,只能在对象生成后再去改变属性值functionPerson(){}Person.prototype.username=newArray();Person.prototype.password="123456";Person.prototype.getInfo=function(){alert(this.username+","+this.password);}varperson=newPerson();varperson2=newPerson();person.username.push("zhangsan");person.username.push("lisi");person.password="321";person.getInfo();person2.getInfo();

5、综合方式(原型+构造函数方式搭配)

functionPerson(){this.username=newArray();//不被多个对象共享this.password="123";}Person.prototype.getInfo=function()//被多个对象共享{alert(this.username+","+this.password);}varp1=newPerson();varp2=newPerson();p1.username.push("zhangsan");p2.username.push("lisi");p1.getInfo();p2.getInfo();

6、动态原型方式

functionPerson(){this.username="zhangsan";this.password="123";//通过标志量让所有的对象共享方法if(typeofPerson.flag=="undefined"){alert("prototype");Person.prototype.getInfo=function(){alert(this.username+","+this.password);}Person.flag=true;}}varp=newPerson();varp2=newPerson();p.getInfo();p2.getInfo();

㈡ js中如何给FILE文件赋值

不可以,必须抄用文件对话框选择。处于安全的考虑,不能直接对input type=file赋值,试想一下:如果某个网站在网页中嵌入了一个隐藏的input type=file,他可以直接用JS将你硬盘中的某个文件通过该控件直接取到指定地点,那还有什么安全可言?input type=file设置一个按钮来打开文件选择框的目的就是选择文件必须让用户知道并且决定是否要选择一个文件,所以赋值是没有作用的,你要赋值可以写 inputID.value = "xxxx.xxx ",当然,这是没有作用的。

㈢ JS如何在当前目录创建txt文件

<%Public Function ReportFileStatus(FileName)Dim msg,fsomsg = -1Set fso = Server.CreateObject("Scripting.FileSystemObject")If (fso.FileExists(FileName)) Thenmsg = 1Elsemsg = -1End IfReportFileStatus = msgEnd FunctionPublic Function ReadTxtFile(FileName) Const ForReading = 1, ForWriting = 2 Dim otf, msg, fso set fso=CreateObject("Scripting.FileSystemObject") If ReportFileStatus(FileName) = 1 then Set otf = fso.OpenTextFile(FileName,ForReading) if otf.atendofstream <> true then msg = otf.readAll ReadTxtFile = msg otf.Close Else ReadTxtFile = -1 End if End ifEnd FunctionPublic Function WriteTxtFile(FileName) Const ForReading = 1, ForWriting = 2 , ForAppending = 8 Dim fso, msg, ctf, otf Set fso = Server.CreateObject("Scripting.FileSystemObject") msg=ReadTxtFile(FileName) set ctf=fso.CreateTextFile(FileName,true) ctf.Close set otf=fso.OpenTextFile(FileName,ForWriting, True) otf.Write Cstr(Clng(msg)+1) otf.Close If ReportFileStatus(FileName) = 1 then WriteTxtFile = 1 Else WriteTxtFile = -1 End ifEnd FunctionFunction Spath(Rpath) Spath=Server.MapPath(Rpath)End FunctionWriteTxtFile Spath("count.txt")%>这是vbs,是用作网站访问人数统计的,它和js思路一样,只是语法不同,稍微改一下就可以用了,这对你来说是小KS啦。

㈣ 在js动态添加行并添加了一个Input file 控件,我怎么获取到它上传文件呢

不知道你服务复器端用什制么语言处理的?

C#里面处理过,可以用request.files获得所有上传文件(HttpPostedFile)的一个集合,你可以查一下msdn:http://msdn.microsoft.com/zh-cn/library/system.web.httprequest.files(v=VS.80).aspx

[email protected]"d:upload";for(HttpPostedFilefinrequest.files){stringfileName=f.FileName;f.SaveAs(path.Combine(savepath,fileName));}

其他语言应该也有类似的对象来处理吧.

㈤ 在Html5中怎么通过JavaScript创建并写入文件

如果你学习HTML5是为了写手机网页(因为现在都流行了),请不必去学习jQuery了, 因为jQuery就算你压缩,它也有30k以上,如果你是用户,你愿意给这流量吗? 真真正正去学好JS吧。 以下我给的是原生JS代码: new page function GetHeader(src)

㈥ js 创建并编辑文件

需要先下载安装nodejs;即服务器端的js,语法和浏览器端的一样,

write.js

varfs=require("fs");vardata='我是新写入的内容';//创建一个可以写入的流,写入到文件output.txt中varwriterStream=fs.createWriteStream('output.txt');//使用utf8编码写入数据writerStream.write(data,'UTF8');//标记文件末尾writerStream.end();//处理流事件–>data,end,anderrorwriterStream.on('finish',function(){console.log("写入完成。");});writerStream.on('error',function(err){console.log(err.stack);});console.log("程序执行完毕");

打开cmd,cd到当前目录,node main

文件就创建写入了。

下面这种方法,只支持老版本的ie浏览器ie8及以下;

varfso,f1,f2,s;fso=newActiveXObject("Scripting.FileSystemObject");f1=fso.CreateTextFile("c:\testfile.txt",true);//写一行f1.Write("Thisisatest.");//关闭文件f1.Close();//获取C:根目录下的文件句柄f2=fso.GetFile("c:\testfile.txt");//移动文件到 mp目录下f2.Move("c:\tmp\testfile.txt");//拷贝文件到 emp目录下f2.Copy("c:\temp\testfile.txt");//获取文件句柄f2=fso.GetFile("c:\tmp\testfile.txt");f3=fso.GetFile("c:\temp\testfile.txt");//删除文件f2.Delete();f3.Delete();

㈦ 如何创建javascript文件

新建一个记事本文件,写入js代码,保存时将后缀改为.js。

使用开发专用的文本编辑器,新建文件,选择文件类型为javascript,写入内容,并保存。

㈧ JS动态创建的file控件,PHP 怎么获取上传的文件

首先,你的file控件要放到form表单内,其次,每个file控件的name属性应该不同。下面是我修改后的:

<html>

</head>

<script language="javascript" type="text/ecmascript">

var x=1;

//======================

//功能:在表单中input file控件

//参数:parentID—要插入input file控件的父元素ID

// inputID—-input file控件的ID

//======================

function createInput(parentID,inputFileID){

var parent=$(parentID);//获取父元素

var div=document.createElement("div");//创建一个div容器用于包含input file

x++;

var divName=inputFileID+x;//随机div容器的名称

div.id=divName;

var aElement=document.createElement("input"); //创建input

aElement.name=divName;

aElement.type="file";//设置类型为file

var delBtn=document.createElement("input");//再创建一个用于删除input file的Button

delBtn.type="button";

delBtn.value="删除";

delBtn.onclick=function(){ removeInput(parentID,divName)};//为button设置onclick方法

div.appendChild(aElement);//将input file加入div容器

div.appendChild(delBtn);//将删除按钮加入div容器

parent.appendChild(div);//将div容器加入父元素

}

//============================

//功能:删除一个包含input file的div 容器

//参数:parentID—input file控件的父元素ID

// DelDivID—-个包含input file的div 容器ID

//============================

function removeInput(parentID,DelDivID){

var parent=$(parentID);

parent.removeChild($(DelDivID));

}

//通过元素ID获取文档中的元素

function $(v){return document.getElementById(v);}

</script>

<body>

<form action="test.php" method="post" enctype="multipart/form-data">

<div align="left" id="div_Pic" style="border:1px solid #CCCCCC">

<input name="PicFile" type="file" id="ShowPicFile">

</div>

<input type="button" onClick="createInput('div_Pic','PicFile')" name="button" id="button" value="+ 继续添加图片">

<input type="submit" value="提交">

</body>

</html>

然后php就可以通过遍历$_FILES来获得每个上传的文件。下面的简单例子只是列出每个文件的原文件名:

<?php

forEach($_FILES as $f){

echo $f["name"]."<br>";

}

?>

㈨ 怎么创建JS文件

快捷键ctrl +N输入file回车test.js回车即可创建js文件