【问题标题】:Casting a video from Django to Angular将视频从 Django 投射到 Angular
【发布时间】:2022-12-31 07:40:54
【问题描述】:

我正在构建一个 Web 应用程序,我必须在其中将视频上传到服务器,然后在进行一些分析后,将其投射到 Angular 应用程序的前端。我可以看到如何执行上传,但找不到有关如何执行此操作的教程或建议。服务器是用 Django 和 django-rest-framework 构建的。 谢谢你的帮助!

【问题讨论】:

    标签: django angular video django-rest-framework


    【解决方案1】:

    如果您想通过 Angular 在 Django Rest API 服务器上上传视频/短片,请按照以下步骤操作。我在这里添加了后端代码。

    1.在Django中创建类

    class VideoClipModel(models.Model):
        detail = models.CharField(max_length=255, blank=True)
        video = models.FileField(upload_to='VideoClip', null=True, blank=True)
    

    然后做 makemigrations 和 migrate 如果想在管理面板中查看模型,请添加Admin.py 文件中的模型名称

    admin.site.register(VideoClipModel)
    

    并导入


    2. 在同一应用中创建 Serializer.py 文件像这样添加

    class VideoClipSerializer(serializers.ModelSerializer):
        class Meta:
            model = VideoClipModel
            fields = '__all__'
    
        def create(self, validated_data):
            return VideoClipModel.objects.create(**validated_data)
    

    制作序列化程序文件后执行 3 步


    3.在Django view.py文件中创建View

    class videoClipView(APIView):
          serializer_class = VideoClipSerializer
    
        def get(self, request, format=None):
            queryset = VideoClipModel.objects.all()
            serializer = self.serializer_class(queryset, many=True)
            return Response(serializer.data, status=status.HTTP_200_OK)
    
        def post(self, request, format=None):
            jsondata = request.data
            serializer = self.serializer_class(data=jsondata)
            if serializer.is_valid(raise_exception=True):
                 serializer.save()
                 msg = {'msg':'Add Clip'}
                 return Response(msg, status=status.HTTP_201_CREATED)
    

    django 制作 URL 的最后一步


    4.在urls.py文件中添加URL

    path('profile/videoclip/', videoClipView.as_view()),
    

    添加路径导入路径后


    在 Angular 中,你想向后端发出 get 或 post 请求,并且 从角度传递的数据在表单数据格式是必需的。一世 认为它会帮助你

    【讨论】:

      猜你喜欢
      • 2014-03-13
      • 2017-09-14
      • 1970-01-01
      • 2017-08-29
      • 2014-04-30
      • 1970-01-01
      • 2019-08-09
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多