I need to post an array of integers to a DRF serializer.
The serializer is:
class ItemSerializer(serializers.Serializer):
id = serializers.IntegerField(required = False)
selected_items = serializers.ListField(child = serializers.IntegerField())
From the FE I simply post via typescript an array:
createItem () {
let tmp: any = {};
const itemData = new FormData();
itemData.append('id',1);
itemData.append('selected_items', this.current.selected_items.map( e => e.id))
return this.itemService.createItem( itemData )
.subscribe( data => this.goBack( data ),
err => {
console.log( err );
this.toastr.error( 'Item not saved', 'Error' )
} );
}
itemService.createItem
only does a http.post
When FE sends data to BE the selected_items field is encoded as selected_items=1,2
(verified via wireshark).
When data is parsed from DRF the field is encoded as selected_items=['1,2']
. So the field is not validated because 1,2 is not a valid integer.