上传文件

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

 

复制代码
 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 @   伊人兮明眸秋水  阅读(68)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示