上传文件

文件以流的方式传给后端,把文件流放到参数里面,并添加其他的参数

 

 1           let params = new FormData()                                  //创建可以存放文件流的参数对象(下面说的参数,都在上面进行了处理,此处没有展示处理方法)
 2                 params.append("file", this.file.file);                   //使用append 向参数对象内添加参数  例如:本行 添加的就是上面选择的文件
 3                 params.append("fid", this.catalogueActiveId);             //使用append 向参数对象内添加其他参数 例如:本行 添加的是这个问价所属文件夹id
 4                 params.append("ip", _global.ip);                        //使用append 向参数对象内添加其他参数 例如:本行 添加的是上传问价所处位置的ip
 5                 params.append("type", this.typeActive.type);                //使用append 向参数对象内添加其他参数 例如:本行 添加的是这个文件的类型
 6  7                 uploadfile(params).then(res=>{                            //uploadfile 是封装之后的axios请求方法,把参数“params”放进去,等待完成之后在then内处理处理    
 8  9                     if(res.result==200){                 //上传成功之后的处理,Toast 是ui库的轻提示  后端返回的 “result == 200” 是成功
10                         Toast.success({                  //这个 “result” 是axios请求状态为200时 后端人员在返回信息里面设置的状态值,每个后端会根据自己喜好设置
11                             forbidClick: true,
12                             message:'上传成功',
13                             duration:2000
14                         });
15                     }else if(res.result==400){
16                         Toast.success({
17                             forbidClick: true,
18                             message:'上传失败',
19                             duration:2000
20                         });
21                     }else{
22                         Toast.success({
23                             forbidClick: true,
24                             message:'上传失败',
25                             duration:2000
26                         });
27                     }
28                     this.file = null                   //清空选择的文件,无论成功不成功,都要重新选择
29 30                 })

 

posted @ 2022-06-07 17:12  伊人兮明眸秋水  阅读(63)  评论(0编辑  收藏  举报