here’s the problem I face, so I actually developed an add-to-cart button that posts items into the cart, however I also made an input field that takes an image from the user and then display it into the cart through the property object.
globalImgsrc=e.target.result; // assume this variable is the SRC of the image
and this is my formdata :
let formData = {
'items': [
{
'id': selected_variant_id,
'quantity': original_variant_qty
},
{
'id': 49461736014108 , //attached_product_variant_id
'quantity' : check_hidden_product_qty()
}]
};
so the following line of code actually appends what the user uploaded as an image into the formdata as a property object:
formData.items[0].properties = { 'image uploaded': globalImgSrc };
and in my cart page we have {{ property.last }} that shows the user what he actually uploaded
in this case I use it as a src attribute inside an image tag like so:
<dd>
<div>
<img style="width : 30px" src="{{ property.last }}">
</div>
</dd>
the image actually appears on the cart as a graphical image very well no problem but when I go to the Checkout page the image doesn’t appear as a graphical image it appears as a source or a bit 64 source I don’t know what it is you can see in the image that I attached.
can you please help