校检文件名是否包含特殊字符

RuoYi

2024-11-05 2a59dbfbb37f87757d4179c405f47380d97d0781

 src/components/ImageUpload/index.vue

@@ -9,8 +9,8 @@
      :limit="limit"

      :on-error="handleUploadError"

      :on-exceed="handleExceed"

      name="file"

      :on-remove="handleRemove"

      ref="imageUpload"

      :before-remove="handleDelete"

      :show-file-list="true"

      :headers="headers"

      :file-list="fileList"

@@ -47,6 +47,7 @@


<script setup>

import { getToken } from "@/utils/auth";

import { isExternal } from "@/utils/validate";



const props = defineProps({

  modelValue: [String, Object, Array],

@@ -93,7 +94,7 @@
    // 然后将数组转为对象数组

    fileList.value = list.map(item => {

      if (typeof item === "string") {

        if (item.indexOf(baseUrl) === -1) {

        if (item.indexOf(baseUrl) === -1 && !isExternal(item)) {

          item = { name: baseUrl + item, url: baseUrl + item };

        } else {

          item = { name: item, url: item };

@@ -106,27 +107,6 @@
    return [];

  }

},{ deep: true, immediate: true });



// 删除图片

function handleRemove(file, files) {

  const findex = fileList.value.map(f => f.name).indexOf(file.name);

  if (findex > -1) {

    fileList.value.splice(findex, 1);

    emit("update:modelValue", listToString(fileList.value));

  }

}



// 上传成功回调

function handleUploadSuccess(res) {

  uploadList.value.push({ name: res.fileName, url: res.fileName });

  if (uploadList.value.length === number.value) {

    fileList.value = fileList.value.concat(uploadList.value);

    uploadList.value = [];

    number.value = 0;

    emit("update:modelValue", listToString(fileList.value));

    proxy.$modal.closeLoading();

  }

}



// 上传前loading加载

function handleBeforeUpload(file) {

@@ -145,9 +125,11 @@
    isImg = file.type.indexOf("image") > -1;

  }

  if (!isImg) {

    proxy.$modal.msgError(

      `文件格式不正确, 请上传${props.fileType.join("/")}图片格式文件!`

    );

    proxy.$modal.msgError(`文件格式不正确，请上传${props.fileType.join("/")}图片格式文件!`);

    return false;

  }

  if (file.name.includes(',')) {

    proxy.$modal.msgError('文件名不正确，不能包含英文逗号!');

    return false;

  }

  if (props.fileSize) {

@@ -164,6 +146,41 @@
// 文件个数超出

function handleExceed() {

  proxy.$modal.msgError(`上传文件数量不能超过 ${props.limit} 个!`);

}



// 上传成功回调

function handleUploadSuccess(res, file) {

  if (res.code === 200) {

    uploadList.value.push({ name: res.fileName, url: res.fileName });

    uploadedSuccessfully();

  } else {

    number.value--;

    proxy.$modal.closeLoading();

    proxy.$modal.msgError(res.msg);

    proxy.$refs.imageUpload.handleRemove(file);

    uploadedSuccessfully();

  }

}



// 删除图片

function handleDelete(file) {

  const findex = fileList.value.map(f => f.name).indexOf(file.name);

  if (findex > -1 && uploadList.value.length === number.value) {

    fileList.value.splice(findex, 1);

    emit("update:modelValue", listToString(fileList.value));

    return false;

  }

}



// 上传结束处理

function uploadedSuccessfully() {

  if (number.value > 0 && uploadList.value.length === number.value) {

    fileList.value = fileList.value.filter(f => f.url !== undefined).concat(uploadList.value);

    uploadList.value = [];

    number.value = 0;

    emit("update:modelValue", listToString(fileList.value));

    proxy.$modal.closeLoading();

  }

}



// 上传失败

@@ -183,7 +200,9 @@
  let strs = "";

  separator = separator || ",";

  for (let i in list) {

    strs += list[i].url.replace(baseUrl, "") + separator;

    if (undefined !== list[i].url && list[i].url.indexOf("blob:") !== 0) {

      strs += list[i].url.replace(baseUrl, "") + separator;

    }

  }

  return strs != "" ? strs.substr(0, strs.length - 1) : "";

}

@@ -192,15 +211,6 @@
<style scoped lang="scss">

// .el-upload--picture-card 控制加号部分

:deep(.hide .el-upload--picture-card) {

  display: none;

}

// 去掉动画效果

:deep(.el-list-enter-active),

:deep(.el-list-leave-active) {

  transition: all 0s;

}

:deep(.el-list-enter, .el-list-leave-active) {

  opacity: 0;

  transform: translateY(0);

    display: none;

}

</style>