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,//不要设置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(!.inArray(typeInfo[1],[‘jpeg’,‘png’,‘gif’]) == -1){
layer.msg(‘上传格式不正确’);
return;
}
if(size > 110241024){
layer.msg(‘只允许上传1M以内的图片’);
return;
}
ajax文件上传
最新推荐文章于 2024-09-19 13:22:45 发布
266

被折叠的 条评论
为什么被折叠?



