Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/432.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 上传文件前使用ajaxSubmit时如何获取文件大小_Javascript_Jquery - Fatal编程技术网

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

Javascript 上传文件前使用ajaxSubmit时如何获取文件大小,javascript,jquery,Javascript,Jquery,在我的项目中,我使用ajaxSubmit上传文件 应该限制文件大小。所以在发送文件之前,我想立即检查上传文件的大小 当我单击文件按钮时,警报(“测试”)成功工作。但是警报(ufile.size)工作失败 我尝试了$('#fId')。文件[0]和$('#fulId')。文件[0],但它们都失败了 以下是我的js代码: $(function () { $("#fulId").wrap("<form id='fId' action='action.php' method='post' enct

在我的项目中,我使用ajaxSubmit上传文件

应该限制文件大小。所以在发送文件之前,我想立即检查上传文件的大小

当我单击文件按钮时,
警报(“测试”)
成功工作。但是
警报(ufile.size)
工作失败

我尝试了
$('#fId')。文件[0]
$('#fulId')。文件[0]
,但它们都失败了

以下是我的js代码:

$(function () { 
$("#fulId").wrap("<form id='fId' action='action.php' method='post' enctype='multipart/form-data'></form>");
$("#fulId").change(function(){
    alert("test");
    $("#fId").ajaxSubmit({
        dataType:'json',
        beforeSend: function(){
         //var ufile=$('#fId').files[0];
         var ufile=$('#fulId').files[0];
         alert(ufile.size);
        },
        uploadProgress: function(){},
        success: function(){},
        error:function(){}
    });
  });
$(函数(){
$(“#fulId”).wrap(“”);
$(“#fulId”).change(函数(){
警报(“测试”);
$(“#fId”).ajaxSubmit({
数据类型:'json',
beforeSend:function(){
//var ufile=$('#fId')。文件[0];
var ufile=$('#fulId')。文件[0];
警报(文件大小);
},
uploadProgress:function(){},
成功:函数(){},
错误:函数(){}
});
});
以下是html代码:

<div class="attFile">
   <input type="file" id="fulId" name="mypic">
</div>

在更改功能中,使用
警报(this.files[0].size);

这是对jQuery的一个有趣的警告。jQuery不像普通JavaScript那样返回dom的所有属性。并且文件属性不是由jQuery返回的。您可以使用以下代码访问jQuery的第一个匹配dom元素:

  $("#yourFileInput")[0].files[0].size;
尝试以下代码

$('myUP').bind('change',function(){
警报(“以字节为单位的文件大小”+此.files[0].size);
});
的可能重复项