面向ErrorDetail(string=‘提交的数据不是一个文件。检查表单上的编码类型。’，代码=‘无效’) -Django Rest + React
面向ErrorDetail(string=‘提交的数据不是一个文件。检查表单上的编码类型。’，代码=‘无效’) -Django Rest + React
提问于 2022-05-12 14:28:33
我有一个编辑配置文件页面，用户可以编辑以前输入的信息。表单还包含一个图像字段。我从后端获取数据并用现有数据对字段进行预填充。现在，图像的数据基本上是到媒体文件夹的路径，一旦上传，图像就会存储在该文件夹中。现在，假设用户不想更改先前输入的图像，并提交我收到的以下错误表单
{'profile_photo': [ErrorDetail(string='The submitted data was not a file. Check the encoding type on the form.', code='invalid')]}如果request.data中没有接收到图像文件，请建议我应该如何控制此错误。
下面是代码
views.py
api_view(['PUT'])
@permission_classes([IsAuthenticated])
@parser_classes([MultiPartParser, FormParser])
def edit_teacher_detail(request):
data = request.data
if data is not None:
id = data.get('id')
queryset = TeacherDetail.objects.get(id = id)
serializer = TeacherDetailSerializer(instance=queryset, data = data)
try:
if serializer.is_valid():
serializer.save()
return Response(status=status.HTTP_200_OK)
else:
print(f'\nThis is the error in the serialization {serializer._errors}\n')
return Response({'message': serializer._errors}, status=status.HTTP_400_BAD_REQUEST)
except Exception as e:
print(e)
return Response(status=500)reactjs发送数据
export const editTeacherDetail = async (detailsData, photo) => {
let formData = new FormData();
formData.append("id", detailsData.id);
formData.append("is_verified", true);
formData.append("name", detailsData.name.toUpperCase());
formData.append("adhaar_number", detailsData.adhaar_number);
formData.append("phone", detailsData.phone);
formData.append("location", detailsData.location.toUpperCase());
formData.append("full_address", detailsData.full_address.toUpperCase());
formData.append("age", detailsData.age);
formData.append("gender", detailsData.gender.toUpperCase());
formData.append("name_of_school", detailsData.name_of_school.toUpperCase());
formData.append("experience", detailsData.experience);
formData.append("teach_for_no_days", detailsData.teach_for_no_days);
formData.append("subject", detailsData.subject.toUpperCase());
formData.append("teach_class", detailsData.teach_class);
formData.append("home_tuition", detailsData.home_tuition);
formData.append("fees", detailsData.fees);
formData.append("home_tuition_fees", detailsData.home_tuition_fees);
formData.append("shift", detailsData.shift.toUpperCase());
formData.append("board", detailsData.board.toUpperCase());
formData.append("profile_photo", photo.image); // this is the image field
try {
let response = await axiosInstance.put(`/teacher/edit-detail/`, formData);
return response;
} catch (error) {
if (error.response) {
ToastNotification(
"We are facing some problems. Please try again later",
"error"
);
return error.response;
} else {
return error.request;
}
}
};如果用户没有上传图像，这就是在formData.append("profile_photo"，photo.image中传递的内容)；
/media/photos/2022/05/12/jgs.jpegTeacherDetail模型(更新)
class TeacherDetail(models.Model):
id = models.UUIDField(primary_key=True, editable=False, default=uuid.uuid4)
is_verified = models.BooleanField(default=False)
user = models.OneToOneField(CustomUser, on_delete=models.CASCADE, null=True, blank=True)
name= models.CharField(max_length=100, null=True, blank=True)
profile_photo = models.ImageField(upload_to = 'photos/%Y/%m/%d', null=True, blank=True)
adhaar_number = models.CharField(max_length=200, null=True, blank=True)
phone = models.CharField(max_length=11, null=True, blank=True)
location = models.CharField(max_length=50, null=True, blank=True)
full_address = models.CharField(max_length=500, null=True, blank=True)
age = models.IntegerField( null=True, blank=True)
name_of_school = models.CharField(max_length=200, null=True, blank=True)
experience = models.IntegerField( null=True, blank=True)
teach_for_no_days = models.IntegerField( null=True, blank=True)
shift = models.CharField(max_length=20 ,null=True, blank=True)
subject = models.CharField(max_length=300, null=True, blank=True)
teach_class = models.CharField(max_length=100 ,null=True, blank=True)
board = models.CharField(max_length=25,null=True, blank=True)
gender = models.CharField(max_length=8 ,null=True, blank=True)
fees = models.IntegerField( null=True, blank=True)
fac = models.IntegerField(null=True, blank=True)
home_tuition = models.BooleanField(default=False)
home_tuition_fees = models.IntegerField(null=True, blank=True)
hfac = models.IntegerField(null=True, blank=True)
date_created = models.DateTimeField(default=timezone.now, editable= False)回答 2
Stack Overflow用户
发布于 2022-05-12 15:07:54
您可以直接采取下列形式：
def edit_teacher_detail(request):
if request.method == 'POST':
# create a form instance and populate it with data from the request:
form = YourForm(request.POST)
# check whether it's valid:
if form.is_valid():
# process the data in form.cleaned_data as required
# ...
# redirect to a new URL:
return HttpResponseRedirect('/thanks/')PD:我想你可以用PUT传递一份表格。
Stack Overflow用户
发布于 2022-05-12 15:52:29
我想出了一个控制发送的方法
formData.append("profile_photo", photo.image);从正面开始。
我在反应中所做的是检查类型的photo.image是否是字符串。如果它是一个字符串--这意味着没有文件被上传，并且它包含url路径，因此，我不把它附加到formData中，否则我会追加它。下面是我的代码
反应部件
if (typeof photo.image === "string") {
} else {
formData.append("profile_photo", photo.image);
}我不知道这样做是否有效。但就目前而言，这对我是有效的。如果有人在后台有更好的处理方法，请提出建议。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/72217445
复制相关文章
相似问题
腾讯云开发者
