在使用javascript上传之前获取文件大小

adib16

这是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
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用Javascript获取网页上图像的文件大小?

来自分类Dev

使用javascript从文件夹获取图像大小

来自分类Dev

使用Javascript上传文件之前显示图像和图像扩展名验证

来自分类Dev

yii获取上传文件的文件类型和文件大小-

来自分类Dev

获取上传文件C#MVC的大小

来自分类Dev

使用BulletProof上传类时,在上传之前调整图像大小

来自分类Dev

使用Javascript上传多个文件

来自分类Dev

使用jQuery多次上传的文件大小验证

来自分类Dev

文件上传的大小限制

来自分类Dev

上传之前获取图像的文件名-JQuery

来自分类Dev

使用javascript删除上传的文件

来自分类Dev

如何使用Joi验证上传的文件大小

来自分类Dev

如何使用if语句设置上传文件的最大文件大小?

来自分类Dev

RadGrid附件列在上传之前获取文件名

来自分类Dev

使用ajax上传后获取图像大小

来自分类Dev

在使用javascript上传之前获取文件大小

来自分类Dev

使用NSFileManager获取文件大小

来自分类Dev

在vb中下载文件之前获取文件大小

来自分类Dev

上传之前获取图像的文件名-JQuery

来自分类Dev

使用javascript删除上传的文件

来自分类Dev

下载文件LWP :: useragent之前如何获取文件大小

来自分类Dev

验证上传文件的大小

来自分类Dev

使用 JavaScript 上传后无法获取文件大小

来自分类Dev

在 React 上传之前获取图像大小

来自分类Dev

上传文件前使用ajaxSubmit时如何获取文件大小

来自分类Dev

在 php 上传之前使用 FileReader 调整多个图像的大小

来自分类Dev

使用 observables Angular 2 上传文件,获取上传文件的 Url

来自分类Dev

Ruby 文件上传大小

来自分类Dev

在使用 Javascript 上传之前更改音频文件的比特率

Related 相关文章

热门标签

归档