js获取文件_怎么用js来获取 file中的上传文件的文件名

⑴ js如何读取文件夹文件

JS读写文件，分别如下：
//读文件
function readFile(filename){
var fso = new ActiveXObject("Scripting.FileSystemObject");
var f = fso.OpenTextFile(filename,1);
var s = "";
while (!f.AtEndOfStream)
s += f.ReadLine()+"\n";
f.Close();
return s;
}
//读文件
function readFile(filename){
var fso = new ActiveXObject("Scripting.FileSystemObject");
var f = fso.OpenTextFile(filename,1);
var s = "";
while (!f.AtEndOfStream)
s += f.ReadLine()+"\n";
f.Close();
return s;
}
//写文件
function writeFile(filename,filecontent){
var fso, f, s ;
fso = new ActiveXObject("Scripting.FileSystemObject");
f = fso.OpenTextFile(filename,8,true);
f.WriteLine(filecontent);
f.Close();
alert('ok');
}

⑵ 怎么用js来获取 file中的上传文件的文件名

在firefox上，input（复type=file）默认制获取到的value值就是文件名。
在IE上，input（type=file）默认获取到的value值是路径。
因此用js来获取fileupload中的上传文件的文件名需要多方面考虑。
你可以试下一下
function getFileName(path){
var pos1 = path.lastIndexOf('/');
var pos2 = path.lastIndexOf('\\');
var pos = Math.max(pos1, pos2)
if( pos<0 )
return path;
else
return path.substring(pos+1);
}
测试过了，没有问题，可用。

⑶ input file 在js里获取文件内容

javascript 获取文件域 (type=file) 的完整路径一直是很麻烦的问题，问题主要出在一些浏览器基于安全性考虑而不能正常获取到文件域中选中图片的决对路径，尤其一些基于webkit的浏览器比如 Chrome, Safire等浏览器，下面是一个可以兼容 IE 6 , 7, 8 和 firefox 的获取 input file 完整路径的方法，该方法不支持 Chrome 和 Safire，要支持这些浏览器可能要使用到 Flash ，对程序员来说比较麻烦。

HTML页面：
<inputtype="file"name="attachment"id="attachment"/>
<inputtype="text"name="trueattachment"id="trueattachment"/>

js部分：
<scripttype="text/javascript">
varattachment=document.getElementById("attachment");
vartrueattachment=document.getElementById("trueattachment");
attachment.onchange=function(){
trueattachment.value=getFullPath(this);
}
functiongetFullPath(obj){
if(obj)
{
//ie
if(window.navigator.userAgent.indexOf("MSIE")>=1)
{
obj.select();
returndocument.selection.createRange().text;
}
//firefox
elseif(window.navigator.userAgent.indexOf("Firefox")>=1)
{
if(obj.files)
{
returnobj.files.item(0).getAsDataURL();
}
returnobj.value;
}
returnobj.value;
}
}
</script>

⑷ 原生js获取文件

HTML5新增了关于文件的File，FileReader两个对象，用于获取文件信息和读取文件信息。

var

fileInput = document.getElementById('test-image-file'),

info = document.getElementById('test-file-info'),

preview = docement.getElementById('test-image-preview');

//监听change事件

fileInput.addEventListener('change', function() {

//清除背景图片

preview.style.backgroundImage = '';

//检查文件是否选择

if(!fileInput.value) {

info.innerHTML = '没有选择文件';

return;

}

//获取file文件引用：

var file = fileInput.files[0];

//获取文件信息

info.innerHTML = '文件：' + file.name + '<br>' +

'大小：' + file.size + '<br>' +

'修改：' + file.lastModifiedDate;

if(file.type !== 'image/jpeg' && file.type !== 'image/png' && file.type !== 'image/gif') {

alert('不是有效的图片文件');

return;

}

//读取文件

var reader = new FileReader();

reader.onload = function(e) {

var data = e.target.result;

preview.style.backgroundImage = 'url('+ data + ')';

};

//以DataURL的形式读取文件：

reader.readerAsDataURL(file);

})

⑸ js怎么获取当前页面文件名

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件版，例如：index.html。

⑹ js获取文件路径怎么写

<script>
$("input[name=fileString]").change(function(){
//varnames=[];

for(vari=0;i<$(this).get(0).files.length;++i){
//names.push($(this).get(0).files[i].name);
//console.log($(this).get(0).files[i].mozFullPath);
//方式一：
varfilePath=$(this).val();
console.log(filePath);
//方式二：
alert($('input[type=file]').val());
}
//console.log(names);
//方式三：
alert($("input[name=fileString]").val());

})

</script>

注意：以上方式取到的都是文件的伪路径，由于浏览器的安全策略，Chrome浏览器及内核的浏览器是不可能获取文件在本地的真实路径的。IE浏览器可以通过设置安全级别，能获取到真实路径。

⑺ 如何用JS获取外部脚本的文件内容

您需要的功能可以利用AJAX来实现。下面是我写的代码读取一个文件并显示出来，供您参考。

<!doctypehtml>
<html>
<head>
<metacharset="utf-8">
<title>使用AJAX读取外部文件</title>
</head>
<body>
<divid="txt">外部文件内容</div>
<script>
if(window.ActiveXObject)//windows系统
xmlHttp=newActiveXObject("Microsoft.XMLHTTP");
elseif(window.XMLHttpRequest)//其它系统，及非IE6系统
xmlHttp=newXMLHttpRequest();

xmlHttp.onreadystatechange=Callback;
xmlHttp.open("GET","mytxt.txt",true);//读取mytxt.txt内容
xmlHttp.send(null);

functionCallback()
{
if(xmlHttp.readyState==4){
if(xmlHttp.status==200){
xml=xmlHttp.responseText;//读取返回值即文件内容
document.getElementById("txt").innerText=xml;//在当前页面显示文件内容
}
}
}
</script>
</body>
</html>

⑻ JS 如何动态获取本地文件夹中的所有图片

1、require.context

2、具体实现步骤
首先我们需要知道图片的路径，图片的路径是相对路径也可以是绝对路径；其次我们需要获取到图片的文件名

⑼ js获取文件流问题

js不能用于操作文件，但是可以通过JS调用PHP等程序对文件流进行操作，我这里只涉及前端调用（JQ AJAX,注意要引用JQ类库，并且AJAX必须在服务端才能运行，也就是你必须搭建服务器），至于你文档操作的程序这个得自行搞定了。

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<script src="jquery-1.9.1.min.js"></script>
</head>

<body>
<div id="btn">用力点</div>

<script>
$('#btn').click(function(){
$.ajax({
type: "POST",
url: "dom.php", //提价处理的PHP,你也可以是其他处理程序
data: "keyword=HelloWorld", //提交的数据
success: function(msg){
alert( "Data Saved: " + msg ); //返回信息 msg 是dom.php renturn 的返回值
}
});
})
</script>
</body>
</html>

导航:首页 > 版本升级 > js获取文件

js获取文件

与js获取文件相关的资料

友情链接