coverphoto | Cover Photo jQuery plugin like Facebook | Plugin library

I'm making front end component that will upload the two different images the cover photo and avatar photo of the user. I'm using node.js for my backend with express.js. If the user upload cover photo the backend will send a res.send(image path it defends if the image is coverPhoto or avatarPhoto). But i'm having issue on how to upload both of them in the after the user upload the image. i used to different useState userInfo.coverPhoto and userInfo.avatarPhoto. The problem is after the user click the coverPhoto then click the avatarPhoto the image src of coverPhoto will be broken image. but after refreshing the image will be there.

I have Node.js app, served by express, with my frontend being made with React.js. My issue is i got to different fieldname for my images. Cover Photo and Avatar Photo. I'm having hard time to figure out how to loop into to different fieldname and get the path of the image. The result that i want is the backend will res.send(path of the image either avatar or cover or both of them).

I have 2 file upload in my form, i.e. Formik form with initialValues which is this

My model looks like this :

I'm using an API that returns JSON data. The data is usually missing a few characters at the end, so it's technically "JSON-like" since it's slightly malformed.

I'm able to extract a field of interest from it using grep like this in my Bash script:

I added user profile page in my project which is ProfileFragment.java and it's layout file is fragment_profile.xml. I want to update user information like name,description, profile pic and cover page. My program does not have error, name and description update successfully but cover and profile pictures does not update? What is wrong in my code?

This is my ProfileFragment.java

I have been working with mySQL and PHP for a few months now and am building a search function for my website. This search function has a filter and a search bar. The filter is currently implemented by using the "WHERE" function of mySQL, by which I exclude any rows that don't fit within the filter requirements to avoid a large data transfer from mySQL. I would like to do this for the search bar as well, but want to use PHP's levenshtein function between the title of the page and search term.

Would anyone have any idea A. whether this is even possible and B. how this would be accomplished? Also maybe C.: should I even worry about the size of the database I'm transferring from mySQL? At what point does it cause serious latency for the user?

An example of how I've done the filter implementation, which is automatically generated in a PHP function that is called by using AJAX.

SELECT title, coverphoto, highteavegatag, pagename, totaltimemin, totaltimemax, preptimemin, preptimemax, date FROM recipes WHERE ((LOCATE('french',cuisine) > 0) AND (LOCATE('dutch',cuisine) > 0)) AND ((dietglnpv & 2 = 2) AND (dietGLNPV & 4 = 4)) AND ((LOCATE('sweet',pagecategory) > 0) AND (LOCATE('diner',pagecategory) > 0)) AND ((totaltimemin <= 331) AND (totaltimemax >= 85)) AND ((preptimemin <= 45) AND (preptimemax >= 28))

And an idea of what I would like to add (I know this won't work, but maybe there's a way).

SELECT (...) FROM recipes WHERE (...) AND (levenshtein(searchstr,title) < 10)

I have the code:

Here is the current code, but all it does is select the columns from 1 row.