feat: 文件上传测试

frontend/src/App.vue

 <script setup lang="ts">
 // import Chat from '@/views/Chat'
-import FileDown from './views/FileDown.vue';
+// import FileDown from './views/FileDown.vue';
+import Upload from './views/Upload.vue';
 </script>
 
 
 <template>
   <!-- <chat /> -->
-  <FileDown />
+  <!-- <FileDown /> -->
+  <Upload />
 </template>

frontend/src/views/Upload.vue

+<template>
+  <el-upload
+    class="upload-demo"
+    action="test/upload/"
+    :show-file-list="false"
+  >
+    <el-button type="primary">Click to upload</el-button>
+  </el-upload>
+</template>
+
+
+<script lang="ts" setup>
+</script>

vue_django/urls.py

@@ -15,7 +15,7 @@ Including another URLconf
 """
 from django.contrib import admin
 from django.urls import path, include, re_path
-from .views import index, test
+from .views import index, test, upload
 
 from django.conf import settings
 from django.views.static import serve
@@ -35,7 +35,7 @@ schema_view = get_schema_view(
 urlpatterns = [
     path('admin/', admin.site.urls),
     path("", index),
-    # path("test/", test),
+    path("test/upload/", upload),
     path("mqtt/", include("mqtt.urls")),
     path("chat/", include("chat.urls")),
     path("op/", include("device_data_op.urls")),

vue_django/views.py

 from django.shortcuts import render
-from rest_framework.decorators import api_view
+from rest_framework.decorators import api_view, parser_classes
 from rest_framework.response import Response
+from rest_framework.parsers import MultiPartParser
+from rest_framework import status
 
 
 def index(request):
@@ -11,3 +13,11 @@ def index(request):
 def test(request):
     if request.method == 'GET':
         return Response({"message": "Hello, World!"})
+
+
+@api_view(['POST'])
+@parser_classes([MultiPartParser])
+def upload(request):
+    file_obj = request.FILES.get('file')
+    print(file_obj.name)
+    return Response(status=status.HTTP_200_OK)
\ No newline at end of file