如何使用JavaScript访问文件元素的files属性
我的表单中有一个文件类型的输入元素。我喜欢做的是在上传元素进行验证之前检查文件大小。通过使用大多数主要的Web浏览器(IE除外,IE总是做得更难),我发现所有浏览器都使用一个“属性”,每当我选择一个新文件并显示文件大小以及其他有用信息时,该属性都会更新 以下是我在Chrome web浏览器中看到的内容: 现在的问题是,如何使用JavaScript访问该值?我试过几种方法,但没有一种对我有好处?有什么好主意吗 注意:在我的web站点中,我使用jQuery,因此仅使用常规JavaScript作为答案并不重要 问候 Merianos Nikos如何使用JavaScript访问文件元素的files属性,javascript,jquery,dom,Javascript,Jquery,Dom,我的表单中有一个文件类型的输入元素。我喜欢做的是在上传元素进行验证之前检查文件大小。通过使用大多数主要的Web浏览器(IE除外,IE总是做得更难),我发现所有浏览器都使用一个“属性”,每当我选择一个新文件并显示文件大小以及其他有用信息时,该属性都会更新 以下是我在Chrome web浏览器中看到的内容: 现在的问题是,如何使用JavaScript访问该值?我试过几种方法,但没有一种对我有好处?有什么好主意吗 注意:在我的web站点中,我使用jQuery,因此仅使用常规JavaScript作为答
//使用任意ol'选择器获取元素:
//use any ol' selector to get the <input /> element:
var inputElement = document.querySelector("input[type='file']");
//then it's just like you'd access any object's attributes:
var fileSize = inputElement.files[0].size;
//note that it's a list of files, so you can loop through them
//in case the element accepts multiple files
//if you want all of the attributes, do something like:
for (var key in inputElement.files[0])
if (inputElement.files[0].hasOwnProperty(key))
console.log(key,inputElement.files[0][key]);
var inputElement=document.querySelector(“输入[type='file']”);
//然后就像访问任何对象的属性一样:
var fileSize=inputElement.files[0]。大小;
//请注意,这是一个文件列表,因此您可以循环浏览它们
//如果元素接受多个文件
//如果需要所有属性,请执行以下操作:
for(inputElement.files[0]中的var键)
if(inputElement.files[0].hasOwnProperty(键))
console.log(key,inputElement.files[0][key]);
或:
可能的dup是否也可以以类似的方式获取pdf文件的作者、创建者等属性?
$("#btStartUpload").on("click", function(evt) {
var filesSelected = document.getElementById('btInput').files; // FileList object
// var filesSelected = $('#btInput')[0].files; // with jQuery, any jQuery object have it's DOM element accessed using [0]
// var filesSelected = $('input[type=file]')[0].files;
console.log(filesSelected);
});