imgurl | pure picture bed program

I don't think there's actually a need for state here. Map the imageUrls array to an array of fetch Promises and return Promise.all from upload. The onClick handler can await the array of Promises to resolve and use the array of resolved image URLs.

Example:

It looks like everything your are doing is correct:

check this stackblitz here: https://stackblitz.com/edit/vue-tu7vzx

So I guess it is really the question how you are trying to access this.imgurl

However, your question does not show enough code to make an educated guess.

As the message says, there is no qid column in the Qimages table. I suspect that you want:-

This is happening because you're returning a React Fragment for each item on your list. To use a key with Fragment, you need to do this way:

MongoDB is not a good place for storing files. If you want to store files, you should use storages like Amazon S3 or Google Could Storage.

The good practice is to store the files in a storage and then to just save the URL of the uploaded image in the MongoDB.

When it comes to Node.js and Express, I would suggest multer package middleware, which is primarily used for uploading files. If you would use Amazon S3 for a storage, there is also a plug-in multer-s3 package that can be helpful.

You can check this video on how to configure Multer and implement image upload on your Node.js server. Once the image is uploaded, Multer will return data to you with destination field included. You can then save that destination in the MongoDB.

The link you are passing is not a link to an Image instead it is a url to a page,

to get an Image link you have to right click and select Open image in new tab

and after that you will see this url which is an actual link to image http://pm1.narvii.com/6439/ecfa73c34db4039a4dd92481ea16a180a18608ed_00.jpg

and this is an actual image link because it will have an extension of image at the end

I hope this will solve your problem :)

Okay so I finally got it thanks to this tutorial:

https://www.raywenderlich.com/9956648-mapkit-tutorial-overlay-views#toc-anchor-003

I'll try to do my best to explain everything here the best I can, I copied a bunch of the code from Ray's website so I don't understand everything 100%. That being said, the main meat of what needs to be done is to layout the coordinates for the overlay. This was done in a custom class. The idea here is to parse coordinate data which was written in a plist in a Dictionary. For my project this was easy because I simply had to set the maximum coordinates for the Earth ((90, 180), (90, -180), (-90, -180), (-90, 180)). The mid coordinate only worked when I set it as (100, 0), not sure why, but the full code for parsing the plist is below.

I noticed a CORS error in your Access to XMLHttpRequest error.

You most likely have to setup an API token within your sanity API.

1. Login to Sanity.io
2. Go to your project
3. Go to API/Cors Orgin and setup access for your url (often http://localhost:3333)