我正在学习如何在Django中上传文件,但遇到了一个本应简单的问题,错误信息为:
提交的数据不是文件。请检查表单的编码类型。
以下是详细信息。
注意: 我也看了Django Rest框架ImageField,并尝试了
serializer = ImageSerializer(data=request.data, files=request.FILES)
但是我收到以下错误信息:
TypeError:
__init__()
got an unexpected keyword argument 'files'
我有一个Image
模型,我想通过Django REST框架与其交互:
models.py
class Image(models.Model):
image = models.ImageField(upload_to='item_images')
owner = models.ForeignKey(
User, related_name='uploaded_item_images',
blank=False,
)
time_created = models.DateTimeField(auto_now_add=True)
序列化器.py
class ImageSerializer(serializers.ModelSerializer):
image = serializers.ImageField(
max_length=None, use_url=True,
)
class Meta:
model = Image
fields = ("id", 'image', 'owner', 'time_created', )
设置.py
'DEFAULT_PARSER_CLASSES': (
'rest_framework.parsers.JSONParser',
'rest_framework.parsers.FormParser',
'rest_framework.parsers.MultiPartParser',
),
前端使用AngularJS和angular-restmod
或$resource
,发送带有表单中的owner
和image
的JSON
数据:
输入:
{"owner": 5, "image": "data:image/jpeg;base64,/9j/4QqdRXhpZgAATU0A..."}
在后端,request.data
显示
{u'owner': 5, u'image': u'data:image/jpeg;base64,/9j/4QqdRXhpZgAATU0AKgAAA..."}
但是ImageSerializer(data=request.data).errors
显示错误
ReturnDict([('image', [u'The submitted data was not a file. Check the encoding type on the form.'])])
我在思考如何修复这个错误?
编辑:JS部分
相关的前端代码包括两部分:一个angular-file-dnd
指令
(可在这里找到),用于将文件拖放到页面上,以及提供 CRUD 操作的 angular-restmod
:
<!-- The template: according to angular-file-dnd, -->
<!-- it will store the dropped image into variable $scope.image -->
<div file-dropzone="[image/png, image/jpeg, image/gif]" file="image" class='method' data-max-file-size="3" file-name="imageFileName">
<div layout='row' layout-align='center'>
<i class="fa fa-upload" style='font-size:50px;'></i>
</div>
<div class='text-large'>Drap & drop your photo here</div>
</div>
# A simple `Image` `model` to perform `POST`
$scope.image_resource = Image.$build();
$scope.upload = function() {
console.log("uploading");
$scope.image_resource.image = $scope.image;
$scope.image_resource.owner = Auth.get_profile().user_id;
return $scope.image_resource.$save();
};
关于问题的最新更新:现在我改用ng-file-upload
来发送图像数据,以正确的格式发送。
<form>
标签。 - Lelouch"image": "data:image/jpeg;base64,/9j/4QqdRXhpZgAATU0A..."
这是哪种文件格式? - the_unknown_spirit