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

怎么用js来获取 fileupload中的上传文件的文件名,第1张

//fileupload对象是文本框类标签出现时候就会被创建出来

//获取上传文件文件名其实就是获取文本框type为file中的value,虽然这个value一般来说是只读

//下面贴代码

<!DOCTYPE <html>

<head>

<title></title>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8">

</head>

<body>

<span>文件名:</span><input type="file" />

<script type="text/javascript" src="

<script type="text/javascript">

!function($){

var reg = /^(\w)(:)(\\\w+)*\\(\w+.[a-zA-Z]+)*(\w+)*$/g

$('input').on('change', function(){

var name = $('input').val()

// name = name.match(reg)

name = name.replace(reg,"$4")

alert(name)

})

}(jQuery)

</script>

</body>

</html>

//测试结果

同意楼上的分析,另外我想提个建议,代码为了便于阅读可以试着分步骤写。

就先定义filename和filepath,然后你在后续的 *** 作中想要图片出现在设定的某一区域中

就可以直接使用filename,将要上传的文件名是 its.getIPTimeStampRand()+"."+item.getName().split("\\.")[1]

在firefox上,input(type=file)默认获取到的value值就是文件名。

在IE上,input(type=file)默认获取到的value值是路径

因此用js来获取fileupload中的上传文件的文件名需要多方面考虑。

示例代码:

<form action="" method="get" onSubmit="return false">

<input type="text" name="test" id="test">

<input type="file" name="testFile" onChange="if(this.value)insertTitle(this.value)">

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

</form>

<script language="javascript">

function insertTitle(path){

var test1 = path.lastIndexOf("/") //对路径进行截取

var test2 = path.lastIndexOf("\\") //对路径进行截取

var test= Math.max(test1, test2)

if(test<0){

document.getElementById("test").value = path

}else{

document.getElementById("test").value = path.substring(test + 1)//赋值文件名

}

}

</script>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/11527932.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存