How to upload base64 image to GCloud StorageHow to merge two dictionaries in a single expression?How do I check if a list is empty?How do I check whether a file exists without exceptions?How can you encode a string to Base64 in JavaScript?How can I safely create a nested directory?How do I sort a dictionary by value?Embedding Base64 ImagesHow do I list all files of a directory?How to do Base64 encoding in node.js?How do I encode and decode a base64 string?
How to forge a multi-part weapon?
Why is only the fundamental frequency component said to give useful power?
How did old MS-DOS games utilize various graphic cards?
Fixing obscure 8080 emulator bug?
Were Alexander the Great and Hephaestion lovers?
How to handle self harm scars on the arm in work environment?
PhD - Well known professor or well known school?
Prime Sieve and brute force
Why was the Sega Genesis marketed as a 16-bit console?
How do governments keep track of their issued currency?
Cycle through MeshStyle directives in ListLinePlot
How does an ordinary object become radioactive?
Is using haveibeenpwned to validate password strength rational?
C++ Arduino IDE receiving garbled `char` from function
Is open-sourcing the code of a webapp not recommended?
What is the highest possible permanent AC at character creation?
Motivation - or how can I get myself to do the work I know I need to?
Is the term 'open source' a trademark?
Does Disney no longer produce hand-drawn cartoon films?
Can U.S. Tax Forms Be Legally HTMLified?
Should an arbiter claim draw at a K+R vs K+R endgame?
Share calendar details request from manager's manager
Thread Pool C++ Implementation
Passing multiple files through stdin (over ssh)
How to upload base64 image to GCloud Storage
How to merge two dictionaries in a single expression?How do I check if a list is empty?How do I check whether a file exists without exceptions?How can you encode a string to Base64 in JavaScript?How can I safely create a nested directory?How do I sort a dictionary by value?Embedding Base64 ImagesHow do I list all files of a directory?How to do Base64 encoding in node.js?How do I encode and decode a base64 string?
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;
How do you upload an image from your web to gcloud Storage?
client: React app
server: Python(Flask)
CLIENT SIDE: I have a file browse component where I choose an image from the local drive. Then, I transform the image into a base64 string, and send it to the server.
SERVER-SIDE:
Then I upload the base64 image: blob.upload_from_string(base64data, type="image/jpeg")
But when I look inside my bucket I see a 1 black pixel image.
Questions
- Can I upload a base64 image right into my bucket?
- Why does my image is being procced as a black pixel? where does it break?
python base64 storage gcloud
asked Mar 24 at 16:59
ueeiieuueeiieu
423220
add a comment |
How do you upload an image from your web to gcloud Storage?
client: React app
server: Python(Flask)
CLIENT SIDE: I have a file browse component where I choose an image from the local drive. Then, I transform the image into a base64 string, and send it to the server.
SERVER-SIDE:
Then I upload the base64 image: blob.upload_from_string(base64data, type="image/jpeg")
But when I look inside my bucket I see a 1 black pixel image.
Questions
- Can I upload a base64 image right into my bucket?
- Why does my image is being procced as a black pixel? where does it break?
python base64 storage gcloud
asked Mar 24 at 16:59
ueeiieuueeiieu
423220
Are you usingcontent_type? google-cloud-python.readthedocs.io/en/0.9.0/…
– DazWilkin
Mar 24 at 21:09
yes, I use FileReader API and get the base64 string, and its type, which I pass as the content_type
– ueeiieu
Mar 24 at 21:23
I suspect the issue is that the method is not decoding the string on receipt and so GCS receives bytes corresponding to the encoded string and the content-type.
– DazWilkin
Mar 24 at 23:01
I've been having the same issue. Setting the content_type to image/png is what makes the file appear as a tiny empty square. Otherwise, the file is just the base64 string. One solution is to save the base64 string as an image file locally on your api server, send it off to GCP, then delete the file, but that's far from good practice.
– user3625087
Mar 28 at 20:22
add a comment |
How do you upload an image from your web to gcloud Storage?
client: React app
server: Python(Flask)
CLIENT SIDE: I have a file browse component where I choose an image from the local drive. Then, I transform the image into a base64 string, and send it to the server.
SERVER-SIDE:
Then I upload the base64 image: blob.upload_from_string(base64data, type="image/jpeg")
But when I look inside my bucket I see a 1 black pixel image.
Questions
- Can I upload a base64 image right into my bucket?
- Why does my image is being procced as a black pixel? where does it break?
python base64 storage gcloud
asked Mar 24 at 16:59
ueeiieuueeiieu
423220
How do you upload an image from your web to gcloud Storage?
client: React app
server: Python(Flask)
CLIENT SIDE: I have a file browse component where I choose an image from the local drive. Then, I transform the image into a base64 string, and send it to the server.
SERVER-SIDE:
Then I upload the base64 image: blob.upload_from_string(base64data, type="image/jpeg")
But when I look inside my bucket I see a 1 black pixel image.
Questions
- Can I upload a base64 image right into my bucket?
- Why does my image is being procced as a black pixel? where does it break?
python base64 storage gcloud
python base64 storage gcloud
asked Mar 24 at 16:59
ueeiieuueeiieu
423220
asked Mar 24 at 16:59
ueeiieuueeiieu
423220
asked Mar 24 at 16:59
ueeiieuueeiieu
423220
asked Mar 24 at 16:59
ueeiieuueeiieu
423220
asked Mar 24 at 16:59
ueeiieuueeiieu
423220
423220
Are you usingcontent_type? google-cloud-python.readthedocs.io/en/0.9.0/…
– DazWilkin
Mar 24 at 21:09
yes, I use FileReader API and get the base64 string, and its type, which I pass as the content_type
– ueeiieu
Mar 24 at 21:23
I suspect the issue is that the method is not decoding the string on receipt and so GCS receives bytes corresponding to the encoded string and the content-type.
– DazWilkin
Mar 24 at 23:01
I've been having the same issue. Setting the content_type to image/png is what makes the file appear as a tiny empty square. Otherwise, the file is just the base64 string. One solution is to save the base64 string as an image file locally on your api server, send it off to GCP, then delete the file, but that's far from good practice.
– user3625087
Mar 28 at 20:22
add a comment |
Are you usingcontent_type? google-cloud-python.readthedocs.io/en/0.9.0/…
– DazWilkin
Mar 24 at 21:09
yes, I use FileReader API and get the base64 string, and its type, which I pass as the content_type
– ueeiieu
Mar 24 at 21:23
I suspect the issue is that the method is not decoding the string on receipt and so GCS receives bytes corresponding to the encoded string and the content-type.
– DazWilkin
Mar 24 at 23:01
I've been having the same issue. Setting the content_type to image/png is what makes the file appear as a tiny empty square. Otherwise, the file is just the base64 string. One solution is to save the base64 string as an image file locally on your api server, send it off to GCP, then delete the file, but that's far from good practice.
– user3625087
Mar 28 at 20:22
Are you using
content_type? google-cloud-python.readthedocs.io/en/0.9.0/…– DazWilkin
Mar 24 at 21:09
Are you using
content_type? google-cloud-python.readthedocs.io/en/0.9.0/…– DazWilkin
Mar 24 at 21:09
yes, I use FileReader API and get the base64 string, and its type, which I pass as the content_type
– ueeiieu
Mar 24 at 21:23
yes, I use FileReader API and get the base64 string, and its type, which I pass as the content_type
– ueeiieu
Mar 24 at 21:23
I suspect the issue is that the method is not decoding the string on receipt and so GCS receives bytes corresponding to the encoded string and the content-type.
– DazWilkin
Mar 24 at 23:01
I suspect the issue is that the method is not decoding the string on receipt and so GCS receives bytes corresponding to the encoded string and the content-type.
– DazWilkin
Mar 24 at 23:01
I've been having the same issue. Setting the content_type to image/png is what makes the file appear as a tiny empty square. Otherwise, the file is just the base64 string. One solution is to save the base64 string as an image file locally on your api server, send it off to GCP, then delete the file, but that's far from good practice.
– user3625087
Mar 28 at 20:22
I've been having the same issue. Setting the content_type to image/png is what makes the file appear as a tiny empty square. Otherwise, the file is just the base64 string. One solution is to save the base64 string as an image file locally on your api server, send it off to GCP, then delete the file, but that's far from good practice.
– user3625087
Mar 28 at 20:22
add a comment |
1 Answer
1
active
oldest
votes
In the end what i did was to remove the first part of the string data:image/jpeg;base64,, (of course its not necessarily a jpeg.. its just an example).
I decoded the rest of the string back to an image, and passed the content_type also.
That solved my problem
answered Mar 28 at 20:38
ueeiieuueeiieu
423220
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55326249%2fhow-to-upload-base64-image-to-gcloud-storage%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
In the end what i did was to remove the first part of the string data:image/jpeg;base64,, (of course its not necessarily a jpeg.. its just an example).
I decoded the rest of the string back to an image, and passed the content_type also.
That solved my problem
answered Mar 28 at 20:38
ueeiieuueeiieu
423220
add a comment |
In the end what i did was to remove the first part of the string data:image/jpeg;base64,, (of course its not necessarily a jpeg.. its just an example).
I decoded the rest of the string back to an image, and passed the content_type also.
That solved my problem
answered Mar 28 at 20:38
ueeiieuueeiieu
423220
add a comment |
In the end what i did was to remove the first part of the string data:image/jpeg;base64,, (of course its not necessarily a jpeg.. its just an example).
I decoded the rest of the string back to an image, and passed the content_type also.
That solved my problem
answered Mar 28 at 20:38
ueeiieuueeiieu
423220
In the end what i did was to remove the first part of the string data:image/jpeg;base64,, (of course its not necessarily a jpeg.. its just an example).
I decoded the rest of the string back to an image, and passed the content_type also.
That solved my problem
answered Mar 28 at 20:38
ueeiieuueeiieu
423220
answered Mar 28 at 20:38
ueeiieuueeiieu
423220
answered Mar 28 at 20:38
ueeiieuueeiieu
423220
answered Mar 28 at 20:38
ueeiieuueeiieu
423220
423220
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55326249%2fhow-to-upload-base64-image-to-gcloud-storage%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Are you using
content_type? google-cloud-python.readthedocs.io/en/0.9.0/…– DazWilkin
Mar 24 at 21:09
yes, I use FileReader API and get the base64 string, and its type, which I pass as the content_type
– ueeiieu
Mar 24 at 21:23
I suspect the issue is that the method is not decoding the string on receipt and so GCS receives bytes corresponding to the encoded string and the content-type.
– DazWilkin
Mar 24 at 23:01
I've been having the same issue. Setting the content_type to image/png is what makes the file appear as a tiny empty square. Otherwise, the file is just the base64 string. One solution is to save the base64 string as an image file locally on your api server, send it off to GCP, then delete the file, but that's far from good practice.
– user3625087
Mar 28 at 20:22