VUE上传图片携带其他参数

1.点击添加项目图表按钮

代码部分html

   <el-button type="primary" @click="addProjectIconDiag()">添加项目图标</el-button></div>

  data(){return{// 添加项目图标对话框addProjectIcon: false,}},
// 打开项目图标对话框addProjectIconDiag() {    this.addProjectIcon = true    },

2.弹出添加项目图标对话框

代码部分html

  <el-dialogtitle="添加项目图标":visible.sync="addProjectIcon":close-on-click-modal="false"width="50%"><input type="file" class="file" ref="upload" /><span slot="footer" class="dialog-footer"><el-button @click="addProjectIcon = false">取 消</el-button><el-button type="primary" @click="addProjectIconImg()">确 定</el-button></span></el-dialog>

async addProjectIconImg() {let myfile = this.$refs.uploadlet files = myfile.filesif (files.length == 0) {this.$message.error('请选择文件')return false}let file = files[0]let formdata = new FormData() //formdata格式formdata.append('file', file) //图片文件formdata.append('proId', this.projectSelection[0].id) //项目id(需要传递的参数)const res = await this.$http.post('上传图片接口', formdata)if (res.data.success == false) {this.$message.error('上传失败')} else {this.$message({message: '上传成功',type: 'success',})this.addProjectIcon = falsethis.getProjectList()}},

VUE上传图片携带其他参数相关推荐

解决vue 跳转相同路由携带不同参数，页面不渲染问题
项目中遇到跳转详情,但是详情中侧边有小列表的存在,这样就是相当于从详情跳到详情,如果直接使用this.router.push的方式,则会发现页面不会重新渲染,写在created和mounted内的方法 ...
获取页面链接后携带的参数
获取页面链接&后携带的参数提示:本方法只在H5页面试用过,vue并未测试,各位可以尝试一下文章目录获取页面链接&后携带的参数前言一.URLSearchParams是什么? 二 ...
前后端结合实现Vue上传图片并预览效果【Node+Mysql+Vue+Express】
一.话不多,先看效果: 大家好呀,⭐⭐⭐⭐⭐,秉着分享快乐的原则,我来啦~ 很久以前我写过一篇vue上传图片并显示的文章-> 鼠标点击这里~ 但是上次只是写了前端的,并没有把图片存储在服务器 ...
[vue] 路由的params参数
配置路由,声明接收params参数 {path:'/home',component:Home,children:[{path:'news',component:News},{component:Mes ...
layui跳转html如何带参数,Layui跳转页面代码（可携带复杂参数）
今天用了Layui的"数据表格 - 数据操作"示例代码,结果发现点击"编辑"按钮出出来一个弹出消息框,效果如下: 虽然说也可以用"弹出层"做 ...
vue 上传图片视频组件，可拍照选择照片，解决苹果手机拍照旋转问题
vue 上传图片视频组件,可拍照选择照片,解决苹果手机拍照旋转问题参考文章: (1)vue 上传图片视频组件,可拍照选择照片,解决苹果手机拍照旋转问题 (2)https://www.cnblogs. ...
vue上传图片组件编写
点击打开源码 https://github.com/317482454/vue_upload 在线查看地址:http://jqvue.com/demo/vue_upload/demo.html 编写一 ...
分页携带请求参数_一个值得深思的小问题请求中的参数值为空要不要携带该参数？...
最近一个朋友疯狂的和我吐槽公司的后端,说很常规.很普通的一个事儿,也就是验证一下子的事儿,非要搞的那么复杂,治标不治本,技术玩来玩去不但没进步还倒退了. 这是怎么回事呢?咱们就来聊聊这件"小 ...
vue.js 接收url参数
转载自 vue.js 接收url参数 1) 路由配置传参方式在配置路由时例如 "/firewall/authorize/:uid/:uname/:token" 页面url为 ...

VUE上传图片携带其他参数

1.点击添加项目图表按钮

2.弹出添加项目图标对话框

VUE上传图片携带其他参数相关推荐

最新文章

热门文章