我有一个带有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);
答案 0 :(得分:1)
从客户端发送文件,您应该使用" multipart/form-data
" (jQuery将contentType
设置为" application/x-www-form-urlencoded
"默认情况下设置为#{1}}。
在SO上阅读这个问题:Sending multipart/formdata with jQuery.ajax
关于python和django rest框架,您应该在API视图中使用MultiPartParser
和/或FileUploadParser
,并且首选方法应该是" put
& #34;,正如您在此处的参考资料中所见:http://www.django-rest-framework.org/api-guide/parsers/#fileuploadparser。
PS。如果您使用django rest框架,我强烈建议您使用Angular而不是jQuery,因为它为休息服务提供了极好的集成...相信我更好! ;)