ajax文件上传

ajax文件上传的具体步骤:
在使用ajax文件上传时,首先需要创建一个formData对象,具体代码如下:var formData = new FormData 自定携带二进制数据头信息;
其次,append给表单中添加表单元素,
formData.append(‘username’, ‘123’);
formData.append(‘file’, this.files[0]); file 指的是文本域 ; this.files[0]指的是文本域中的第一个文件,给文件加multiple=“multiple” 支持多文件上传。
.ajax(url:′http://192.168.0.172/api/common/Uploadimage′,dataType:′json′,type:′POST′,async:false,//设置是否是同步。data:formData,//∗将这个表单作为数据传递processData:false,//使数据不做处理contentType:false,//不要设置Content−Type请求头success:function(data)console.log(data);if(data.status==′ok′)alert(′上传成功!′);,error:function(response)console.log(response););当我们把文件上传,返回:code=0处理成功msg:上传过程中的信息data:上传成功才会有data:上传也是非常危险,上传前,客户端也要进行上传安全处理。对文件类型,文件大小进行判定,符合规则,就可以上传。file就能去读整个文件的各种属性。1name:字符串得到文件名2type:字符串文件类型image/jpg3size:单位值字节∗1024∗1024的到M具体代码如下:varsize=this.files[0].size;vartype=this.files[0].type;vartypeInfo=type.split(′/′);if(!.ajax({ url:'http://192.168.0.172/api/common/Uploadimage', dataType:'json', type:'POST', async: false, //设置是否是同步。 data: formData, // * 将这个表单作为数据传递 processData : false, // 使数据不做处理 contentType : false, // 不要设置Content-Type请求头 success: function(data){ console.log(data); if (data.status == 'ok') { alert('上传成功!'); } }, error:function(response){ console.log(response); } }); 当我们把文件上传,返回: code = 0 处理成功 msg: 上传过程中的信息 data: 上传成功才会有data: 上传也是非常危险,上传前,客户端也要进行上传安全处理。对文件类型,文件大小进行判定,符合规则,就可以上传。 file 就能去读整个文件的各种属性。 1 name: 字符串 得到文件名 2 type: 字符串 文件类型 image/jpg 3 size: 单位值字节 *1024*1024 的到 M 具体代码如下: var size = this.files[0].size; var type = this.files[0].type; var typeInfo = type.split('/'); if(!.ajax(url:http://192.168.0.172/api/common/Uploadimage,dataType:json,type:POST,async:false,//data:formData,//processData:false,//使contentType:false,//ContentTypesuccess:function(data)console.log(data);if(data.status==ok)alert();,error:function(response)console.log(response););code=0msg:data:datafile1name2type:image/jpg3size:10241024Mvarsize=this.files[0].size;vartype=this.files[0].type;vartypeInfo=type.split(/);if(!.inArray(typeInfo[1],[‘jpeg’,‘png’,‘gif’]) == -1){
layer.msg(‘上传格式不正确’);
return;
}
if(size > 110241024){
layer.msg(‘只允许上传1M以内的图片’);
return;
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值