From 02a903b92cbba1e3d95e5ade8ad6303fbf7fcd6c Mon Sep 17 00:00:00 2001
From: LuminousWanderer <1664524275@qq.com>
Date: Wed, 30 Aug 2023 22:07:38 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B8=96=E5=AD=90=E4=B8=8A=E4=BC=A0=E5=9B=BE?=
 =?UTF-8?q?=E7=89=87=E6=8E=A5=E5=8F=A3=E6=B7=BB=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/notice_forum.js                       |  4 +-
 .../posting.vue"                              | 38 +++++++++++++++----
 2 files changed, 32 insertions(+), 10 deletions(-)

diff --git a/src/api/notice_forum.js b/src/api/notice_forum.js
index 3843cae6..16d0796e 100644
--- a/src/api/notice_forum.js
+++ b/src/api/notice_forum.js
@@ -83,9 +83,9 @@ export default {
             })
     },
 
-    postcontent(user_id,post_title,post_content) {
+    postcontent(user_id,post_title,post_content,param) {
         return axios
-            .post('/api/postcontent',{user_id,post_title,post_content})
+            .post('/api/postcontent',{user_id,post_title,post_content,param})
             .then((response) => response.data)
             .catch(error => {
                 throw new Error('发帖出错：' + error.message);
diff --git "a/src/components/\347\224\250\346\210\267\347\225\214\351\235\242/posting.vue" "b/src/components/\347\224\250\346\210\267\347\225\214\351\235\242/posting.vue"
index 66db5b7d..3849929a 100644
--- "a/src/components/\347\224\250\346\210\267\347\225\214\351\235\242/posting.vue"
+++ "b/src/components/\347\224\250\346\210\267\347\225\214\351\235\242/posting.vue"
@@ -20,9 +20,15 @@
       placeholder="请输入内容"
       style="margin-top:-8px"
     />
-    <el-upload action="#" list-type="picture-card" :auto-upload="false" :file-list="fileListRef">
+    <el-upload
+      class="upload-demo"
+      action="#"
+      :auto-upload="false"
+      :headers="headers"
+      :on-change="handleChange"
+      list-type="picture-card"
+    >
       <el-icon><Plus /></el-icon>
-
       <template #file="{ file }">
         <div>
           <img class="el-upload-list__item-thumbnail" :src="file.url" alt="" />
@@ -54,18 +60,34 @@ import { ref } from 'vue'
 import { Delete, Plus } from '@element-plus/icons-vue'
 import type { UploadFile } from 'element-plus'
 import posttocontent from '@/api/notice_forum'
-import { useUserStore } from '@/store/user';
-import { ElMessage, ElMessageBox } from 'element-plus'
-import { useRouter } from 'vue-router'; // 请确保导入 useRouter
+import { useUserStore } from '@/store/user'
+import { ElMessage } from 'element-plus'
+import { useRouter } from 'vue-router'
 
 const input = ref('')
 const textarea = ref('')
-const fileListRef = ref<Array<UploadFile>>([]) // 创建fileList文件列表用于存储上传的照片
+// const fileListRef = ref<Array<UploadFile>>([]) // 创建fileList文件列表用于存储上传的照片
 const userStore = useUserStore();
 const router = useRouter();
+
+let fileUpload = ref()
+// 设置请求头
+const headers = {
+  'Content-Type': 'multipart/form-data'
+}
+
+// 选择文件时被调用，将他赋值给fileUpload
+const handleChange = (file: any) => {
+  fileUpload.value = file
+}
+
 const submitPost = async () => {
   try {
-    const response = await posttocontent.postcontent(userStore.userInfo.User_ID, input.value, textarea.value);
+    let param = new FormData()
+    param.append("file", fileUpload.value.raw)
+    console.log(fileUpload.value)
+    console.log(param)
+    const response = await posttocontent.postcontent(userStore.userInfo.User_ID, input.value, textarea.value,param);
     console.log('发帖成功', response);
 
     // 显示成功提示
@@ -100,7 +122,7 @@ const disabled = ref(false)
 const handleRemove = (file: UploadFile) => {
   console.log('删除文件:', file)
   // 更新文件列表
-  fileListRef.value = fileListRef.value.filter((item) => item.uid !== file.uid)
+  fileUpload.value = fileUpload.value.filter((item) => item.uid !== file.uid)
 }
 
 </script>