/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

16 votes243 views6 answers
React useState hook
Javascript React
16 votes241 views1 answer
DangerouslySetInnerHTML did not match error in React
Javascript React
0 vote301 views1 answer
./node_modules/react-chartjs-2/dist/index.modern.js Module not found: Can't resolve 'chart.js/auto' in 'C:\Users\shadi\WebstormProjects\PI_HR_HUB\node_modules\react-chartjs-2\dist'
Javascript React
0 vote247 views1 answer
React native firebase login with facebook
Javascript React
0 vote259 views1 answer
React tooltip on disabled button
Javascript React
21 votes218 views4 answers
Setinterval react
Javascript React
4 votes243 views1 answer
How to empty form after submit in react
Javascript React
1 vote277 views3 answers
How to decode jwt token in react
Javascript React
0 vote235 views2 answers
React router how to send data
Javascript React
64 votes238 views6 answers
Router react
Javascript React