jeecg-boot+ant design pro：图片上传（upload）

最新推荐文章于 2024-08-08 14:28:29 发布

离然

最新推荐文章于 2024-08-08 14:28:29 发布

阅读量5.1k

点赞数 1

分类专栏： jeecg boot框架学习

本文链接：https://blog.csdn.net/qq_34514388/article/details/104795318

版权

业务描述：多图片上传

准备工作：图片上传接口、图片预览接口、图片存储接口

url: {

fileUpload: window._CONFIG['domianURL']+"/sys/common/upload",//图片上传接口，jeecg自带

imgerver: window._CONFIG['domianURL']+"/sys/common/view",//图片预览接口，jeecg自带

add: "/Bshopbusniess/fileUpload/add",//存图接口，自己代码生成

效果：

代码：（整个vue页面的全部代码，不做代码注释了）

<template>
  <div>
    <a-form :form="form">
        <a-form-item label="一级类目" :label-col="{ span: 5 }" :wrapper-col="{ span: 12 }">
          <!-- <a-select v-model='catalog'> -->
          <a-select
            v-model='catalog'
            v-decorator="['catalog',{ rules: [{ required: true, message: 'Please select your 一级类目!' }] },]"
            placeholder="Please select your 一级类目!"
          >
              <a-select-option value="上衣">上衣</a-select-option>
              <a-select-option value="裤子">裤子</a-select-option>
              <a-select-option value&