[英]get file size before upload with javascript
这是html代码:
<form method="POST" action="http://my-site.com/send-file" accept-charset="UTF-8" enctype="multipart/form-data">
<input name="_token" type="hidden" value="6Yav0H6Cyp62Rhr6uAAEefzL7Yq0BqIHfhuYwzy4">
<label for="file">File</label>
<input id="iefile" name="img" type="file">
<input type="submit" value="send">
</form>
这是js代码:
$('form').submit(function(e) { // capture submit
e.preventDefault();
size=$(this).find("input:file").files[0].size ;
alert(size);
}
但是在控制台中显示此错误:
Uncaught TypeError: Cannot read property '0' of undefined
要检索DOM元素的属性,应使用.prop()
:
$(this).find("input:file").prop('files')[0].size
这是因为$(this).find()
返回一个jQuery对象,而不是直接返回DOM元素。 或者,您可以将结果视为数组,并使用第一个元素,如下所示:
$(this).find("input:file")[0].files[0].size
正如所提到的意见,你也应该确保文件是第一选择:
var f = $(this).find("input:file")[0].files[0];
if (f) {
// do something with f.size
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.