question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Can't upload images in Post Body

See original GitHub issue

Hi - it seems the Post Body is not setup to handle any images? I get the following error on the Netlify Build:

7:30:33 PM: error There was an error in your GraphQL query:
7:30:33 PM: Input file contains unsupported image format
7:30:33 PM:    1 | fragment GatsbyContentfulFluid_tracedSVG on ContentfulFluid {
7:30:33 PM: >  2 |   tracedSVG
7:30:33 PM:      |   ^
7:30:33 PM:    3 |   aspectRatio
7:30:33 PM:    4 |   src
7:30:33 PM:    5 |   srcSet
7:30:33 PM:    6 |   sizes
7:30:33 PM:    7 | }
7:30:33 PM:    8 |
7:30:33 PM:    9 | query HomeQuery {
7:30:33 PM:   10 |   allContentfulBlogPost(sort: {fields: [publishDate], order: DESC}) {
7:30:33 PM:   11 |     edges {
7:30:33 PM:   12 |       node {
7:30:33 PM: File path: /opt/build/repo/src/pages/index.js
7:30:33 PM: Url path: /
7:30:33 PM: Plugin: none

Is there a way to fix this? Thanks,

Issue Analytics

  • State:open
  • Created 3 years ago
  • Comments:8 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
axe312gercommented, Feb 8, 2021

Aligning images via css can be nasty with gatsby-image. Check the docs here: https://www.gatsbyjs.com/plugins/gatsby-image/

There will be a successor plugin soon, this one should make it much easier:

https://www.gatsbyjs.com/plugins/gatsby-plugin-image/

0reactions
hajadelmascommented, Feb 5, 2021

Hello, all of my image can be show. I can show an image if I change "position : relative " to comment but the image take his original size. I think it’s a absolute or relative problem in CSS.

Capture d’écran 2021-02-06 à 00 27 59

Read more comments on GitHub >

github_iconTop Results From Across the Web

$_POST - Cannot upload images larger than 1mb
However, whenever I use $_POST to try and upload images (all files are .jpg) larger than 1mb, I recieve a 413 error. The...
Read more >
How to upload images to a POST request - Just getting started
Take the CURL command below: curl -X POST https://example.com/s… ... "description": "Body of text", "images": [ { "src": "http://site.com/images/image1.jpg" } ...
Read more >
5 Ways to Fix Common WordPress Image Upload Issues
If you're only encountering issues with a specific image, you can start by taking a look at the file's name. If you're using...
Read more >
How to upload an image to a post? - Meta Stack Exchange
All images uploaded to the Stack Exchange Imgur account in the manners above are from an HTTPS source and will display properly. Bear...
Read more >
Add an image to Google search results
While you can't directly upload images into search results, searchable images posted on a website can show up in our search results.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found