def image_api_view(request):
    if request.method == 'POST':
        user_id=request.session.get('user_id')
        text = request.POST.get('text')

        # Update the image data
        image_data = get_object_or_404(ImageData,id=user_id)
        image_data.text = text
        image_data.save()

        # Return a success message directly as an HTTP response
        return HttpResponse("Data updated successfully!", status=200)

    # Retrieve all ImageData objects from the database if not a POST request
    image_data_objects = ImageData.objects.all()

    # Serialize the data
    serializer = ImageDataSerializer(image_data_objects, many=True)

    # Pass the serialized data to the template as context
    context = {'image_data': serializer.data}
    return render(request, 'imageapi.html', context)



class ImageDataSerializer(serializers.ModelSerializer):
    class Meta:
        model = ImageData
        fields = ('text', 'image')

    def validate_image(self, value):
        # Check if the base64 string is provided and valid
        if not value:
            raise serializers.ValidationError("No image provided")
        # Try to decode the base64 string
        try:
            format, imgstr = value.split(';base64,')
            ext = format.split('/')[-1]
            data = ContentFile(base64.b64decode(imgstr), name='temp.' + ext)
        except ValueError:
            raise serializers.ValidationError("Invalid base64 image data")

        return data





 <tr>

                                                <th>Image</th>
                                                <th>Text</th>
                                                <th>Save</th>

                                            </tr>
                                        </thead>
                                        <tbody>
                                            {% for image in image_data %}
                                                <form method="POST" action="{% url 'image_api_view' %}">
                                                {% csrf_token %}
                                                    <tr>
                                                        <td><input type="hidden" name="user_id" value="{{ image.id }}"></td>
                                                        <td><img src="{{ image.image }}" alt="Error!" width="100"></td>
                                                        <td><input type="text" name="text" value="{{ image.text }}"></td>
                                                        <td>
                                                            <button type="submit" class="btn waves-effect waves-light purple" style="margin-top: 0; margin-bottom: 2px;">
                                                                <i class="material-icons left">save</i>Save
                                                            </button>
                                                        </td>
                                                    </tr>
                                                </form>
                                                {% endfor %}