python – django rest framework 3 ImageField发送ajax结果“没有提交文件.”

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了python – django rest framework 3 ImageField发送ajax结果“没有提交文件.”，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1962字，纯文字阅读大概需要3分钟。

内容图文

我有一个带有Django Rest Framework的API端点来上传图像.
你能发现我做错了什么吗？

#models.py

class test(models.Model):
    ...
    upload_path = 'upload/'
    image = models.ImageField(upload_to=upload_path, null=True, blank=True)
    ...

#serializers.py

class TestSerializer(serializers.ModelSerializer):
    image = serializers.ImageField(
        max_length=None, use_url=True,
    )
    class Meta:
        model = test
        fields = ('id','name','image',...)

#views.py

@api_view(['GET', 'POST'])
def test_list(request, site_id, block_id):

            ....

        if request.method == 'POST':
            serializer = TestSerializer(data=request.DATA)
            if serializer.is_valid():
                serializer.save()
                return Response(serializer.data, status=status.HTTP_201_CREATED)
            else:
                return Response(
                    serializer.errors, status=status.HTTP_400_BAD_REQUEST)
    else :
        return Response(status=status.HTTP_403_FORBIDDEN)

#js

function setimage() {
    var $input = $("#js_teaser_img");
    var fd = new FormData;

    fd.append('image', $input.prop('files')[0]);

    $.ajax({
        url: '/api/....',
        data: fd,
        processData: false,
        contentType: false,
        type: 'POST',
        success: function (data) {
            alert(data);
        }
    });
}

结果图片：[“没有提交文件.”] 0：“没有提交文件.”

结果

Django REST Framework upload image: “The submitted data was not a file”

 

var reader = new FileReader();  
        reader.onload = function(e) {
            var img_local = e.target.result;
            $('.js_img_src').attr('src', img_local);
            $.post('/api/..../7/', {'image':img_local} , function( data ) {
                console.log(data);
            });
        }
        reader.readAsDataURL(file);

解决方法:

从客户端发送文件,你应该使用“multipart / form-data”(jQuery将contentType设置为“application / x-www-form-urlencoded”,默认情况下).
在SO：Sending multipart/formdata with jQuery.ajax上阅读这个问题

相反,对于python和django rest框架,您应该在API视图中使用MultiPartParser和/或FileUploadParser,并且应该“放置”文件上传的首选方法,正如您在此处的参考资料中所见：http://www.django-rest-framework.org/api-guide/parsers/#fileuploadparser.

PS.如果您使用django rest框架,我强烈建议您使用Angular而不是jQuery,因为它为休息服务提供了极好的集成…相信我更好！

内容总结

以上是互联网集市为您收集整理的python – django rest framework 3 ImageField发送ajax结果“没有提交文件.”全部内容，希望文章能够帮你解决python – django rest framework 3 ImageField发送ajax结果“没有提交文件.”所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---