Javascript 上传文件前使用ajaxSubmit时如何获取文件大小
在我的项目中,我使用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
警报(“测试”)
成功工作。但是警报(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);
});
的可能重复项