/Javascript/React/Django send and receive image data to react

Django send and receive image data to react

def save(self):
        encodedString = base64.b64encode(self.item_image.file.read())
        data = {"key": os.environ.get("IMG_BB"), "image": encodedString.decode("utf-8")}
        uploadedImageInfo = requests.post("https://api.imgbb.com/1/upload", data=data)
        jsonResponse = json.loads(uploadedImageInfo.text)
        self.item_image_url = jsonResponse["data"]["display_url"]
        super().save()

Source: stackoverflow.com

Django send and receive image data to react

class ProductSerializer(serializers.ModelSerializer):
  class Meta:
    model = Product
    fields= ('id', 'item_title', 'item_desc', 'item_price', 'item_image_url')

Source: stackoverflow.com

Django send and receive image data to react

class Product(models.Model):
  item_title= models.CharField(max_length=50)
  item_desc=models.TextField()
  item_price=models.IntegerField()
  item_image=models.ImageField(upload_to='post_images',default='default.png')
  item_image_url = models.TextField()

Source: stackoverflow.com

Similar codes

0 vote176 views1 answer
Form.select react bootstrap
Javascript React
21 votes185 views4 answers
React font awesome npm
Javascript React
105 votes253 views1 answer
Create react app scaffolding
Javascript React
23 votes210 views4 answers
Change port react app
Javascript React
11 votes184 views4 answers
Prototype react
Javascript React
0 vote180 views1 answer
Which react-bootstrap component you will use for width: 100% across all viewport and device sizes
Javascript React
0 vote222 views1 answer
Could not resolve module fs react native
Javascript React
0 vote187 views3 answers
How to get state value from history react
Javascript React
1 vote134 views1 answer
How to change the value of state in react
Javascript React
0 vote137 views1 answer
React create element from string
Javascript React