我有一个视图和序列化器:
class UserView(generics.RetrieveUpdateAPIView):
model = get_user_model()
serializer_class = UserProfileSerializer
permission_classes = (permissions.IsAuthenticated,)
def get_object(self, *args, **kwargs):
return self.request.user
class UserImageSerializer(serializers.ModelSerializer):
class Meta:
model = get_user_model()
fields = ('image',)
它们与 httpie 配合得很好:
http -f put localhost:8000/accounts/api/image/ "Authorization: Token mytoken" image@~/Downloads/test.jpg
HTTP/1.0 200 OK
Allow: GET, PUT, PATCH, HEAD, OPTIONS
Content-Type: application/json
Date: Thu, 03 Sep 2015 22:50:33 GMT
Server: WSGIServer/0.2 CPython/3.4.3
Vary: Accept
X-Frame-Options: SAMEORIGIN
{
"image": "http://localhost:8000/media/accounts/user_images/test.jpg"
}
我的图片已上传并显示在管理员中。
现在我希望能够使用 AJAX 上传文件,但它显然不想工作:
<form action="http://localhost:8000/accounts/api/image/"
method="put"
enctype="multipart/form-data">
<input name="image" type="file">
<input type="submit">
</form>
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script>
$('form').submit(function(e) {
var formData = new FormData($(this));
$.ajax({
url: $(this).attr('action'),
type: $(this).attr('method'),
data: formData,
headers: {'Authorization': 'Token mytoken'},
cache: false,
contentType: false,
processData: false,
success: function() { alert('it works') },
});
e.preventDefault();
});
</script>
现在,我的“它有效”警报出现了。我知道表单被提交到正确的位置,我可以在 Django 开发服务器中看到它被请求为 PUT 并且它以 200 响应(与 httpie 的响应相同):
[03/Sep/2015 22:47:23] "PUT /accounts/api/image/ HTTP/1.1" 200 77
但似乎该文件没有被上传,并且它没有显示在管理中。
我没主意了。