Element el-upload 携带其他参数

damn,我只想上传图片的时候,传递一个图集id参数,让图片归档到它该在的图集而已!
网上试了很多其他博客写的都不行,还有些太复杂,望而却步,自己搞了搞,供大家参考

在实现上传文件的基础上:
使用 :data

  							<el-upload
                                    class="avatar-uploader"
                                    action="/album/native.do?"
                                    :show-file-list="false"
                                    :data="val"  //定义一个val      val:{}
                                    :on-success="handleAvatarSuccess"
                                    :before-upload="beforeAvatarUpload">
                                <img v-if="imageUrl" :src="imageUrl" class="avatar">
                                <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                            </el-upload>
<script>
    new Vue({
        el: '#app',
        data(){
            return {
                tableData: [],
                currentPage: 1,
                total: 10,
                size: 10,
                searchMap: {},
                pojo: {},
                formVisible: false,
                imageUrl: '',
                val:{}              //看见没,在这呢!
            }
        },
        ...

在加载页面的时候给val赋上值就完事儿

....created(){
            this.fetchData();
        },
        methods:{
            fetchData (){
                let url=window.location.href+"";
                   let id=  url.split("?")[1].split("=")[1];
                axios.get(`/album/findById.do?id=${id}`).then(response => {
                    this.pojo = response.data;
                    this.tableData=JSON.parse(response.data.imageItems);
                    this.val={id:`${this.pojo.id}`};  //此处,注意是反引号!!!!
                });
            },
            ...

后台取一下id,取得到耶,就酱吧

@RequestMapping("/native")
    public String nativeLoad( long id,@RequestParam("file") MultipartFile file, ...){
		...
	}

在这里插入图片描述

我试了试对于复杂对象,是娶不到值的,有个思路:如果前端传递过来是复杂对象,应该传递的是json字符串,有时间可以试试后台JSON来处理一下转化为对象。

  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值