请求头

@@ -27,28 +27,30 @@
       </draggable>
       </draggable>
       <el-upload
       <el-upload
         ref="imageUpload"
         ref="imageUpload"
-        :multiple="limit > 1"
+        :accept="accept"
         :action="actionUrl || uploadImgUrl"
         :action="actionUrl || uploadImgUrl"
-        list-type="picture-card"
-        :on-success="handleUploadSuccess"
+        :before-remove="handleDelete"
         :before-upload="handleBeforeUpload"
         :before-upload="handleBeforeUpload"
+        :class="{ hide: fileList.length >= limit }"
+        :disabled="disabled"
+        :file-list="fileListInUpload"
+        :headers="headers"
         :limit="limit"
         :limit="limit"
+        :multiple="limit > 1"
+        :name="paramName"
         :on-error="handleUploadError"
         :on-error="handleUploadError"
         :on-exceed="handleExceed"
         :on-exceed="handleExceed"
-        :before-remove="handleDelete"
-        :show-file-list="showFileList"
-        :headers="headers"
         :on-preview="handlePictureCardPreview"
         :on-preview="handlePictureCardPreview"
-        :file-list="fileListInUpload"
-        :class="{ hide: fileList.length >= limit }"
-        :name="paramName"
-        :disabled="disabled"
-        :accept="accept"
+        :on-success="handleUploadSuccess"
+        :show-file-list="showFileList"
+        list-type="picture-card"
       >
       >
-        <el-icon class="avatar-uploader-icon"><plus /></el-icon>
+        <el-icon class="avatar-uploader-icon">
+          <plus />
+        </el-icon>
       </el-upload>
       </el-upload>
     </el-row>
     </el-row>
-
+    
     <!-- 上传提示 -->
     <!-- 上传提示 -->
     <div v-if="showTip && fileList.length < limit" class="el-upload__tip">
     <div v-if="showTip && fileList.length < limit" class="el-upload__tip">
       请上传
       请上传
@@ -62,12 +64,12 @@
       </template>
       </template>
       的文件
       的文件
     </div>
     </div>
-
+    
     <el-dialog
     <el-dialog
       v-model="dialogVisible"
       v-model="dialogVisible"
+      append-to-body
       title="预览"
       title="预览"
       width="800px"
       width="800px"
-      append-to-body
     >
     >
       <img
       <img
         :src="dialogImageUrl"
         :src="dialogImageUrl"
@@ -79,8 +81,9 @@
 
 
 <script setup>
 <script setup>
 import { getToken } from '@/utils/auth'
 import { getToken } from '@/utils/auth'
-import { computed, getCurrentInstance, ref, watch, defineProps, defineEmits  } from 'vue'
+import { computed, getCurrentInstance, ref, watch, defineProps, defineEmits } from 'vue'
 import _ from 'lodash'
 import _ from 'lodash'
+import { useStorage } from '@vueuse/core/index'
 
 
 const props = defineProps({
 const props = defineProps({
   modelValue: [String, Object, Array],
   modelValue: [String, Object, Array],
@@ -136,13 +139,17 @@ const actionUrl = computed(() => {
 })
 })
 const { proxy } = getCurrentInstance()
 const { proxy } = getCurrentInstance()
 const emit = defineEmits(['update:modelValue', 'response'])
 const emit = defineEmits(['update:modelValue', 'response'])
+const language = useStorage('language', 0)
 const number = ref(0)
 const number = ref(0)
 const uploadList = ref([])
 const uploadList = ref([])
 const dialogImageUrl = ref('')
 const dialogImageUrl = ref('')
 const dialogVisible = ref(false)
 const dialogVisible = ref(false)
 const baseUrl = import.meta.env.VITE_APP_BASE_API
 const baseUrl = import.meta.env.VITE_APP_BASE_API
 const uploadImgUrl = ref(baseUrl + '/upload/uploadImgToLocalServer') // 上传的图片服务器地址
 const uploadImgUrl = ref(baseUrl + '/upload/uploadImgToLocalServer') // 上传的图片服务器地址
-const headers = ref({ Authorization: 'Bearer ' + getToken() })
+const headers = ref({
+  Authorization: 'Bearer ' + getToken(),
+  'Content-Language': language.value == 0 ? 'zh_CN' : 'en_US'
+})
 const fileList = ref([])
 const fileList = ref([])
 const fileListInUpload = ref([])
 const fileListInUpload = ref([])
 const showTip = computed(
 const showTip = computed(
@@ -229,11 +236,10 @@ function handleUploadSuccess(res, file) {
       proxy.$refs.imageUpload.handleRemove(file)
       proxy.$refs.imageUpload.handleRemove(file)
       uploadedSuccessfully()
       uploadedSuccessfully()
     }
     }
-  }else {
+  } else {
     proxy?.$modal.closeLoading()
     proxy?.$modal.closeLoading()
     emit('response', res)
     emit('response', res)
   }
   }
-
 }
 }
 
 
 // 删除图片
 // 删除图片
@@ -256,7 +262,7 @@ function uploadedSuccessfully() {
     number.value = 0
     number.value = 0
     emit('update:modelValue', listToString(fileList.value))
     emit('update:modelValue', listToString(fileList.value))
     proxy.$modal.closeLoading()
     proxy.$modal.closeLoading()
-
+    
     if (fileList.value.length > 1) {
     if (fileList.value.length > 1) {
       fileListInUpload.value = []
       fileListInUpload.value = []
     }
     }
@@ -292,11 +298,12 @@ function draggableEnd() {
 }
 }
 </script>
 </script>
 
 
-<style scoped lang="scss">
+<style lang="scss" scoped>
 // .el-upload--picture-card 控制加号部分
 // .el-upload--picture-card 控制加号部分
 :deep(.hide .el-upload--picture-card) {
 :deep(.hide .el-upload--picture-card) {
   display: none;
   display: none;
 }
 }
+
 .fileItem {
 .fileItem {
   position: relative;
   position: relative;
   width: 160px;
   width: 160px;
@@ -305,11 +312,13 @@ function draggableEnd() {
   margin: 0 20px 20px 0;
   margin: 0 20px 20px 0;
   float: left;
   float: left;
 }
 }
+
 .fileItem img {
 .fileItem img {
   width: 100%;
   width: 100%;
   height: 100%;
   height: 100%;
   object-fit: cover;
   object-fit: cover;
 }
 }
+
 .fileItem .hover-actions {
 .fileItem .hover-actions {
   background: rgba(0, 0, 0, 0.4);
   background: rgba(0, 0, 0, 0.4);
   width: 100%;
   width: 100%;
@@ -320,6 +329,7 @@ function draggableEnd() {
   color: #fff;
   color: #fff;
   transition: top 0.2s;
   transition: top 0.2s;
   text-align: center;
   text-align: center;
+  
   span {
   span {
     cursor: pointer;
     cursor: pointer;
     font-size: 26px;
     font-size: 26px;
@@ -327,10 +337,12 @@ function draggableEnd() {
     margin: 50px 5px;
     margin: 50px 5px;
     display: inline-block;
     display: inline-block;
   }
   }
+  
   span:hover {
   span:hover {
     background: rgba(255, 255, 255, 0.4);
     background: rgba(255, 255, 255, 0.4);
   }
   }
 }
 }
+
 .fileItem:hover .hover-actions {
 .fileItem:hover .hover-actions {
   top: 0;
   top: 0;
 }
 }