element上传图片的时候额外参数

<el-uploadclass="avatar-uploader"action="123":http-request="upLoad"（自定义上传）:show-file-list="false":on-success="handleAvatarSuccess":before-upload="beforeAvatarUpload"><img :src="imgurl" alt=""><el-button size="small" type="primary">点击上传</el-button>
</el-upload>

imgurl: '',

// 自定义上传图片upLoad (file) {var nikename = sessionStorage.getItem('nikename')const formData = new FormData()formData.append('file',file.file)formData.append('nikeName',nikename)this.axios.post(`/admin/file`,formData).then(res => res.data).then(data => {console.log(data)if(data.code === 200){this.imgurl = data.data[0]}})},beforeAvatarUpload(file) {const isJPG = file.type === 'image/jpeg';const isLt2M = file.size / 1024 / 1024 < 2;if (!isJPG) {this.$message.error('上传头像图片只能是 JPG 格式!');}if (!isLt2M) {this.$message.error('上传头像图片大小不能超过 2MB!');}return isJPG && isLt2M;},

可以自定义参数，加别的参数一起上传。如果要修改的话，

if (data.code === 200) {this.list = data.datathis.imgurl = this.list[0].photo
}

在页面加载出来的时候先获取头像

element上传图片的时候额外参数相关推荐

layui上传图片需携带额外参数
最近项目中遇到上传图片需携带跳转链接额外参数的问题困扰很久得到解决现记录如下充分了解layui upload.js组件中的三个状态 choose,before,done choose)表示文件选择后 ...
vue element上传额外参数
element upload组件上传额外参数有两种办法: 1.element的upload组件有个附带的属性是data可用于传递额外参数用这个自带的属性来传递时,后端可以用request来获取,如下 ...
关于element upload上传时额外参数的问题
笔者在用上传模块时存在一个问题,每次带的额外参数在第一次时都为空.因为涉及额外参数所以笔者用的是手动上传. <el-uploadclass="upload-demo"ref= ...
Element UI 上传组件实现文件上传并附带额外参数
1. 需求在使用 ElementUI 的上传组件 el-upload 实现文件上传功能时,如果单文件上传是比较简单的,但是在实际需求中,往往会在上传文件时伴随着一些其他参数,效果如下图: 在上传指定 ...
layui upload 额外参数上传
layui 2.0.x upload 额外参数上传 <div class="layui-inline" style="margin-top: 5px;"& ...
data参数 layui_layui upload 额外参数上传
layui 2.0.x upload 额外参数上传机型版本描述选择文件开始上传 layui.use(['upload','element','form'], function () { var ...
bootstrapinput传参数_bootstrap-fileinput组件在上传时传递额外参数 Web程序 - 贪吃蛇学院-专业IT技术平台...
解决方法关键的配置参数是uploadExtraData 具体的代码如下: //获得额外参数的方法 fodderType = function() { return $("#fodderTy ...
bootstrap-fileinput组件在上传时传递额外参数
解决方法关键的配置参数是uploadExtraData 具体的代码如下: //获得额外参数的方法fodderType = function() {return $("#fodderType ...
ElementUI中el-upload传递额外参数为date类型时后台SpringBoot接收不到
场景 ElementUI中el-upload怎样上传文件并且传递额外参数给Springboot后台进行接收: https://mp.csdn.net/console/editor/html/10797 ...
html文件上传添加额外参数,bootstrap-fileinput组件在上传时传递额外参数
解决方法关键的配置参数是uploadExtraData 具体的代码如下: //获得额外参数的方法 fodderType = function() { return $("#fodderTy ...

element上传图片的时候额外参数

element上传图片的时候额外参数相关推荐

最新文章

热门文章