怎么在页面上用jquery获取上传文件时的文件名和文件的大小

怎么在页面上用jquery获取上传文件时的文件名和文件的大小,第1张

这个无需用jquery, 但是浏览器必须要支持html5,

假设页面上有一个文件

<input type="file" id="file_input" />

var input = document.getElementById("file_input")

//文件域选择文件时, 执行readFile函数

input.addEventListener('change',readFile,false)

function readFile(){

var file = this.files[0]

console.log("文件名:"+file.name)

console.log("文件类型:"+file.type)

console.log("文件大小:"+file.size)

}

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

var value = $(this).val()

value = value.split("\\")[2]

})

value 就是图片名称。因为浏览器安全机制 获取到的value都是C:\fakepath\  加上图片名,所以可以用这个方式获取

语法Input(number, [#]filenumber)Input 函数的语法具有以下几个部分:部分描述number必要。任何有效的数值表达式,指定要返回的字符个数。filenumber必要。

任何有效的文件号。说明通常用 Print # 或 Put 将 Input 函数读出的数据写入文件。Input 函数只用于以 Input 或 Binary 方式打开的文件。

与 Input # 语句不同,Input 函数返回它所读出的所有字符,包括逗号、回车符、空白列、换行符、引号和前导空格等。

对于 Binary 访问类型打开的文件,如果试图用 Input 函数读出整个文件,则会在 EOF 返回 True 时产生错误。


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

原文地址:https://54852.com/tougao/7920030.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存