上传文件
文件以流的方式传给后端,把文件流放到参数里面,并添加其他的参数
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 })
忍一时,越想越气;
退一步,哎呦我去!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通