Create collection image upload problem "Remote image failed to import"

Design help Data API
1

Recently we have problems with “uploading” images while creating a new collection item via api. We use the following endpoint: https://api.webflow.com/collections/ITEMID/items with a payload somewhat looking like that

  'teaser' => 'Impfungen – Ein ewiges Thema',
  'name' => 'Impfungen',
  'slug' => 'impfung',
  '_archived' => false,
  '_draft' => false,
  'image' => 'https://storage.flyo.cloud/nadel-impfen_e79aba3b.jpg/thumb/450x450',
  'therapie' => '<h2>Lorem Ipsum</h2>',

Now the image attribute is an image field type and we get back from the webflow api

BadRequestError: Request is malformed: Remote image failed to import: Invalid data

But as you can see, the image is available and accessable https://storage.flyo.cloud/nadel-impfen_e79aba3b.jpg/thumb/450x450. Its not to large. We have no idea why this does not work, other collection items works perfectly, looking exact the same (with other images and text of course). Its seems to be totally random.

Are there any BETTER guides on what type of image sources are provided? Are there any limitations? Maybe that md5checksum exists already on the server?

In the field type declaration is absolutly nothing written regarding this: Webflow API and Documentation | Webflow

2

I’ve not seen that specific error, but that said…

Here’s the structure for the request I use to successfully create new cms collection items, with new image urls, using an “image” field type:

"image": { "url": "https://storage.flyo.cloud/nadel-impfen_e79aba3b.jpg/thumb/450x450"},

I just did a quick test with your image url and it worked fine on my end.

The success response:

"image": {
	"fileId": "6334aad92e1ef26528bf76ae",
	"url": "https://uploads-ssl.webflow.com/632be45da2678b046f6b639a/6334aad92e1ef26528bf76ae_450x450.jpeg",
	"alt": null
},

The CMS Collection field:

Screen Shot 2022-09-29 at 5.15.27 AM
Screen Shot 2022-09-29 at 5.15.27 AM1032×1208 77.7 KB

The API docs show you how to create a collection item using the image ref value, if there is no image to reference, try the json structure I’ve mentioned.

Also, as a baseline… make sure to publish your site on cms changes.

3

Thanks @ChrisDrit for the answer. We have now migrated all calls for type ImageRef to use the json format as you suggested with url. But the problem still persists we got the same response

Request is malformed: Remote image failed to import: Invalid data

What i can say in addition, which maybe makes the problem on server side, is that the same image exists in the WYSIWYG / RichText Content as well. As example:

{
    "richttext":"<p>Lorem Ipsumm</p><img src=\"https://storage.flyo.cloud/indikation-augenbeschwerden_b427ff58.jpg\" alt=\"indikation-augenbeschwerden_b427ff58.jpg\" /><p>Lorem Ipsum</p>"
    "image" : {
      "url": "https://storage.flyo.cloud/indikation-augenbeschwerden_2fb5e089.jpg"
    }
}

ps: the example above is, as you can see, another image compared to my original post, which results in the same webflow api error response :face_with_head_bandage:

4

I am also having the same issue

5

Can you go into more detail about your issue?