支持文件&图片组件自定义地址&参数

RuoYi

2025-04-18 ff14fa5e4efaf4e3e6a307473e9bd2881da265c1

 src/components/ImageUpload/index.vue

@@ -6,6 +6,7 @@
      list-type="picture-card"

      :on-success="handleUploadSuccess"

      :before-upload="handleBeforeUpload"

      :data="data"

      :limit="limit"

      :on-error="handleUploadError"

      :on-exceed="handleExceed"

@@ -51,6 +52,15 @@


const props = defineProps({

  modelValue: [String, Object, Array],

  // 上传接口地址

  action: {

    type: String,

    default: "/common/upload"

  },

  // 上传携带的参数

  data: {

    type: Object

  },

  // 图片数量限制

  limit: {

    type: Number,

@@ -80,7 +90,7 @@
const dialogImageUrl = ref("");

const dialogVisible = ref(false);

const baseUrl = import.meta.env.VITE_APP_BASE_API;

const uploadImgUrl = ref(import.meta.env.VITE_APP_BASE_API + "/common/upload"); // 上传的图片服务器地址

const uploadImgUrl = ref(import.meta.env.VITE_APP_BASE_API + props.action); // 上传的图片服务器地址

const headers = ref({ Authorization: "Bearer " + getToken() });

const fileList = ref([]);

const showTip = computed(