ImagePreview | 项目中用到图片浏览 拆分出来 以后方便使用 高仿微信图片浏览器 module使用 rxjava | Reactive Programming library

I want to push my reactive form-data value inside a list and show it in the mat-table. For now, my dataSource for mat-table is in this format.

Array(1) 0:{ brand: "" color: "" description: "" image: "" item_name: "asd" manufacturer: "" other: "" storage: "" tax: "" type: "Goods" unit: "pc"}

front-end nothing is rendering only header of the table are displayed

Ts File:

In my project I use LazyLoading with EF Core, I have 2 entities:

If the user choose an image, then I get the local Uri. If I create an Image component with source uri and put the local uri in there it doesnt work. But Why?

Home.js

Here is my text field

I have images in my mongo atlas DB and I need to retrieve them from the server and display them dynamically to the client using React.

How do I get the image data from mongo DB using mongoose and display that image dynamically to the client side. (Note: I want to save the image and load it dynamically in another component.

The problem is the constructor function of getting the image, that is the code on the very top (exports.getImagePost) and it is also in the react client where the http is passing the id for the preview image (const GetPostVerse = ({ match }) => {). Also I have tried to upload it to storage with NPM multer and it doesn't store the image in DB, it just shows it on the client end. Note: the image is saved properly in the DB

I have attempted to write a constructer that will be my function to get the image by id from the DB and render it on the client side, and I am not seeing the image:

Here is the code to get the image from server

I've done an upload file that can accept multiple files but my current problem is when user drag and drop multiple it accept other doc type file beside than image file.Here's my code for it:

React/Node/Express app with Redux, connected to Mongo Atlas DB Cloud

Hey all. I created a basic portfolio application with full CRUD for an artist who wants to upload and display his art (called "Commissions" in my codebase).

I followed this article for how to upload an image to mongoose:

https://codeburst.io/image-uploading-using-react-and-node-to-get-the-images-up-c46ec11a7129

Basically, the strategy this article uses allows you to do 2 things when you upload an image:

1 - saves/sends the mongoose document to mongoDB (in my case, Mongo Atlas Cloud)

2 - saves the image in the local file directory within the app

It works locally. I can upload as many files/images as I want, and it all gets displayed on the component, sent to mongo and saved in app/uploads/

Once I deployed the app to Heroku however, it doesn't allow me to upload any images. And the images that were uploaded locally aren't displayed, only the other things like commission.title, commission.description etc

CODE

Commission Model

Below is the html for file upload

I have a chat application made with react and react router I used react transition group in order to animate between chats but the problem is that I have pictures in the chats and I wanted to display them to the user when he clicks on them and also wanted to do it with a route and animate it like in any chat app but the parent route which is the chat animates out.

It's like when the route changes from "/chat/:chatID" to "/chat/:chatID/image" it animates out I saw a lot of solutions to this but none of them worked for me and I'm really upset and angry I don't understand why react router creators didn't give us an option to animate out the component when we want.

Here's the code of chat component Route: