【发布时间】：2021-11-12 21:36:28
【问题描述】：
我是 Django 新手，无法为发布创建 django-rest-framework API，继承 APIView。我正在使用一个序列化程序，它继承了 djangos ModelSerializer。每当我尝试验证序列化程序时，我都会看到 500 Internal server error。
color.js 使用 Django rest 框架发布图像，如下所示。
function PersonalColorScreen({navigation,route}) {
const {image} = route.params;
console.log('uri is', image.uri);
const [userToken, setUserToken] = React.useState(route.params?.userToken);
const requestHeaders = {
headers: {
"Content-Type": "multipart/form-data"
}
}
// helper function: generate a new file from base64 String
//convert base64 image data to file object to pass it onto imagefield of serializer.
//otherwise, serializer outputs 500 Internal server error code
const dataURLtoFile = (dataurl, filename) => {
const arr = dataurl.split(',')
const mime = arr[0].match(/:(.*?);/)[1]
const bstr = atob(arr[1])
let n = bstr.length
const u8arr = new Uint8Array(n)
while (n) {
u8arr[n - 1] = bstr.charCodeAt(n - 1)
n -= 1 // to make eslint happy
}
return new File([u8arr], filename, { type: mime })
}
//random number between 0-9
function getRandomInt(max) {
return Math.floor(Math.random() * max);
}
// generate file from base64 string
const file = dataURLtoFile(image.uri, `${getRandomInt(10)}.png`)
const formData= new FormData();
formData.append('img',file,file.name);
console.log(file.name);
//axios post request to send data
// axios.post('http://localhost:8000/accounts/personalcolor/', formData,requestHeaders)
//multipartparser
axios.post('http://localhost:8000/accounts/personalcolor/', formData, requestHeaders)
.then(res => {
console.log(res);
if (res.data === 'upload another image') {
setimageError('upload another image');
} else {
// signUp(userToken);
let color;
switch (res.data){
case ('spring'):
color = 'spring';
break;
case ('summer'):
color = 'summer';
break;
case ('fall'):
color = 'fall';
break;
case ('winter'):
color = 'winter';
break;
}
}
})
.catch(err => {
console.error(err.response.data)
})
view.py 处理发布的图像。我正在尝试保存序列化程序以将图像保存在媒体文件夹中。应该提取图像路径。
@api_view(['POST'])
def personalcolor(request):
serializer = ColorSerializer(request.data)
# validation of input 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)
模型.py
class Personalcolor(models.Model):
objects = models.Manager()
img = models.ImageField('personal_img',upload_to="personalcolor/", blank=True)
serializer.py
class ColorSerializer(serializers.ModelSerializer):
class Meta:
model = Personalcolor
fields = ('img',)
执行代码返回“加载资源失败：服务器响应状态为 500（内部服务器错误）”。我认为序列化程序有问题，但即使在网上搜索后也无法弄清楚。 任何帮助将不胜感激。
【问题讨论】：
-
request.data必须使用data，所以ColorSerializer(daata=request.data) -
谢谢。 serializer.is_valid() 不再返回错误，但 serializer.save() 会返回 500 Internal server error，即使它将图像保存在媒体文件夹中。
标签： reactjs django django-rest-framework axios django-serializer