javascript怎么获取<input type="file" >文件的路径

JavaScript018

javascript怎么获取<input type="file" >文件的路径,第1张

javascript获取<input type="file" />文件的路径：

function getPath(obj) {

if (obj) {

if (window.navigator.userAgent.indexOf("MSIE") >= 1) {

obj.select()

return document.selection.createRange().text

}

else if (window.navigator.userAgent.indexOf("Firefox") >= 1) {

if (obj.files) {

return obj.files.item(0).getAsDataURL()

}

return obj.value

}

return obj.value

}

}

像这样的文章很多，随便找了一个你看看

获取文件目录路径的JavaScript代码

很多时候我们都需要在js文件中获取该文件的详细路径，以便根据其他文件与该js的相对位置计算并设置其他一些文件如图片或样式或脚本的目录路径。我们一般都这样做：

假设外部js文件的文件名为：test.js，则在test.js中都这样写：

var js=document.scripts

var jsPath

for(var i=0i<js.lengthi++){

if(js[i].src.indexOf("test.js")>-1){

jsPath=js[i].src.substring(0,js[i].src.lastIndexOf("/")+1)

}

}

alert(jsPath)

或者为了提高效率，这样写

var js=document.scripts

var jsPath

for(var i=js.lengthi>0i--){

if(js[i-1].src.indexOf("test.js")>-1){

jsPath=js[i-1].src.substring(0,js[i-1].src.lastIndexOf("/")+1)

}

}

alert(jsPath)

这种思路很清晰，根据文件名获取引用的文件的src属性并进行判断截取即可。

但这种办法有以下两个缺点：

1、需要遍历页面的js文件，有时可能效率会比较低。

2、如果页面中出现目录不同的重名的js文件则可能判断错误。

其实我们可以有更简单的办法来准确获取路径，这是在一次js测试突然发现并幡然醒悟的。

var js=document.scripts

js=js[js.length-1].src.substring(0,js[js.length-1].src.lastIndexOf("/")+1)

alert(js)

直接使用js.length？这会正确吗？

其实仔细想想，由于判断路径的js代码一般都直接放在js文件中而不是函数中，所以当加载该js文件时会立即执行其中的语句，而执行此语句时所获取到的js文件数目正好是js.length-1，因为页面后面的js文件还没有加载，所以该处的js文件获取的数目并不是页面所有的js文件的数目。这样一来，获取路径就无需再遍历了，而且文件判断也无需文件名，判断更加准确(js.length-1永远都是其文件本身)。

获取windows系统临时目录

<script>

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

var f = fso.GetSpecialFolder(2)

alert(f)

</script>

无法获取本地文件的绝对路径，这里涉及到一个浏览器安全问题。

<input type="file" onchang="javascript:changeFile()" />

// 选择文件

function changeFile () {

    var e = this

    // 修正IE8下，文件上传异常

    var files = e.files

    if (files == undefined) {

        return false

    }

    // 取得选择文件相关数据信息

    var file = files[0], fileName = file.name, fileSize = file.size

    // 获取文件后缀名

    var fileType = fileName.substr(fileName.lastIndexOf(".")).toLowerCase()

}