通过input 的file 控件,上传图片,如何获取文件的大小问题
2018-03-22 15:07
1286 查看
下面先上段提交按钮时判断的代码:function personSub(){
var array=0;
obj=$("[name='files']"); //获取所有的属性为files 的对象
for (i = 0; i < obj.length; i++) { //循环对象
if(obj[i].files[0]!=undefined){ //判断不为undefined是为了防止空文件
var size=obj[i].files[0].size; //注意,这里读到的是字节数o
array+=size;
}
}
console.log("大小:"+array);
if(array>="30485760"){
new WeAlert("","图片总大小超过30M");
return;
}//下面是提交上传的,可以忽略,不管他
$(".loadingWrap").show();
if($("#isChe").prop('checked')){
$("#personFrom").ajaxSubmit({
type : "POST",
datatype : "json",
url : "personinsurenofile",
data : {},
success : function(data){
$(".loadingWrap").hide();
var size=obj[i].files[0].size; //注意,这里读到的是字节数obj[i].files是文件数组,它是FileList类型的;
var array=0;
obj=$("[name='files']"); //获取所有的属性为files 的对象
for (i = 0; i < obj.length; i++) { //循环对象
if(obj[i].files[0]!=undefined){ //判断不为undefined是为了防止空文件
var size=obj[i].files[0].size; //注意,这里读到的是字节数o
bj[i].files是文件数组,它是FileList类型的;看我下面写的解释
array+=size;
}
}
console.log("大小:"+array);
if(array>="30485760"){
new WeAlert("","图片总大小超过30M");
return;
}//下面是提交上传的,可以忽略,不管他
$(".loadingWrap").show();
if($("#isChe").prop('checked')){
$("#personFrom").ajaxSubmit({
type : "POST",
datatype : "json",
url : "personinsurenofile",
data : {},
success : function(data){
$(".loadingWrap").hide();
var size=obj[i].files[0].size; //注意,这里读到的是字节数obj[i].files是文件数组,它是FileList类型的;
他下面有几个属性:name、size等等;但是要想获取它的size、name属性,必须写成这样 obj[i].files[0].size
具体的解释还不是太清楚。。。。。。。。。。。。。。
下面的是 obj[i].files是文件数组:
下面的是 obj[i].files[0]:
相关文章推荐
- jquery如何获取input(file)控件上传的图片名称,即"11111.jpg"
- 如何通过HtmlInputFile控件上传文件的类
- HTML通过button触发input-file控件上传文件的问题
- 通过HtmlInputFile控件上传文件的类
- 通过<input type=“file”>上传文件问题
- input标签file文件上传图片,获取base64
- 通过HtmlInputFile控件上传文件的类
- 解决<s:file>上传文件大小和 不能获取文件问题
- 通过HtmlInputFile控件上传文件的类
- 如何设置上传文件控件 input type="file" 的 默认值
- 使用EasyUI 的上传文件控件 easyui-filebox 获取其数据的问题
- 通过HtmlInputFile控件上传文件的类
- 如何通过脚本给 文件上传输入的file控件赋值
- html,图片上传预览,input file获取文件等相关操作
- 通过HtmlInputFile控件上传文件的类
- asp.net 通过HtmlInputFile控件上传文件的类
- html input控件type为file上传文件、图片,及保存为原文件
- 关于使用input type=file 标签上传文件的注意细节(上传文件 无法获取文件 问题)
- 添加图片如何点击a标签, 弹出input file 上传文件对话框
- asp.net 通过HtmlInputFile控件上传文件的类