Save blob as a file in Django Rest Framework

Question

I am sending a blob using Ajax. I need to save it as a file in a model.

views.py

  class JobPostModelViewSet(ModelViewSet):
      serializer_class = JobPostModelSerializer
      parser_class = (FileUploadParser, )

      def create(self, request):
          data = dict() 
          data['user'] = request.user
          data.update(request.data)

          serializer = self.serializer_class(data=data)
          if serializer.is_valid():
              serializer.save()
              return Response({'success': 'Job Posted Successfully'}, status=status.HTTP_201_CREATED)
          else:
              return Response(serializer.errors, status=status.HTTP_400_BAD_REQUEST)

serializers.py

class JobPostModelSerializer(ModelSerializer):
    class Meta:
        model = JobPost
        fields = ("job_title", "job_description", "job_video")

Ajax.js

_postJob(e){
    var blob = this.video_blob;
    var job_title = $("#job_title").val();
    var job_description = $("#job_description").val();
    var cookie = getCookie('csrftoken');
    var formdata = new FormData();

    formdata.append('job_title', String(job_title));
    formdata.append('job_description', String(job_description));
    formdata.append('job_video', blob);

    console.log(formdata.get('job_title'));
    console.log(formdata.get('job_description'));
    console.log(formdata.get('job_video'));

    $.ajax({
        url: '/api/v1/job-post/',
        type: 'post',
        enctype: 'multipart/form-data',
        headers: {'X-CSRFToken': cookie},
        data: formdata,
        contentType: false,
        processData: false,
        success: function (e){
            console.log(e);
        },  
        error: function(e){
            console.log(e);
        },  
    }); 
}   

}

The error I get is.

{"job_title":["Not a valid string."],"job_description":["Not a valid string."],"job_video":["The submitted data was not a file. Check the encoding type on the form."]}

Try sending formdata.append("file",$("#file")[0].files[0]) instead of blob. Your input should be <input id="file" name="file" class="input-file" type="file"> — Gorkhali Khadka
– Gorkhali Khadka, Commented Jan 17, 2020 at 7:38

Nafees Anwar · Accepted Answer · 2020-01-17 07:34:45Z

2

The problem is where you are trying to manipulate request.data

data = dict() 
data['user'] = request.user
data.update(request.data)

Use copy function to make a copy of request data and update it with request.user instead of vice versa. Like this

data = request.data.copy()
data['user'] = request.user

And remove parser_class attribute. It is doing no help because attribute for specifying parsers is parser_classes not parser_class.

answered Jan 17, 2020 at 7:34

Nafees Anwar

6,6783 gold badges28 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Sahil Over a year ago

That really worked, didn't think manipulating the request.data object would cause me hours of pain. Really appreciate your help.

Nafees Anwar Over a year ago

Thank you. Actually request.data is an object of specially designed QueryDict class and should only be duplicated using copy method. You can read more about it here.

Collectives™ on Stack Overflow

Save blob as a file in Django Rest Framework

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related