1 .通过本机js实现文件上传
html部分:
上传文件
js部分:
上传(事件)//而不是执行上传功能
let it=event.target;
$(it ).next ) ).click );
(,
上传UploadFile ()//文件
let msg=new FormData (;
MSG.append('file ',$ ) ' #uploadbillsinp ' ) )0).files(0);
MSG.append(enctype,) multipart/form-data );
this.$post (接口地址)、msg、{
headers : { ' content-type ' : ' multipart/form-data ' },
fileType: 'text '
}.Then(data={
控制台. log (data )
); (,
2 .通过2.elementUI实现文件上传
上传
导出默认值{
数据()。
返回{
文件列表: [ ],
}
(,
methods:{
上传uploadfile(content )//文件
let msg=new FormData (;
MSG.append('file ',content.file );
MSG.append(enctype,) multipart/form-data );
this.$post (接口地址)、msg、{
headers : { ' content-type ' : ' multipart/form-data ' },
fileType: 'text' //上传文件类型设置
}.Then(data={
控制台. log (数据;
}
);
(,
}
}
3 .文件上传类型的正规验证
if (! //() png|jpg ) $/.test ) (text ) }
//文件上传类型不是. png和. jpg时所需的操作
返回假;
}
4 .如果反复上传相同的图像,上传就会失败。 必须清除值
$('#uploadBillsInp ' ).val (' );