html upload multiple image with node js

yoga saja answered on September 9, 2022 Popularity 8/10 Helpfulness 2/10

answer html upload multiple image with node js

related upload multiple images node js

html upload multiple image with node js

Comment

html
<form action="/upload" method="POST" enctype="multipart/form-data">
  <input type="file" name="images" accept="image/*" multiple required>
  <button type="submit">Upload</button>
</form>

node js
import express from 'express';
import { initializeApp } from 'firebase/app';
import { getStorage, ref, uploadBytes, getDownloadURL } from 'firebase/storage';
import multer from 'multer';

const firebaseConfig = {
  // Add your Firebase configuration object here
  // apiKey: "...",
  // authDomain: "...",
  // projectId: "...",
  // ...
};

const app = express();
const storage = getStorage(initializeApp(firebaseConfig));

// Set up multer middleware
const upload = multer({ storage: multer.memoryStorage() });

app.post('/upload', upload.array('images'), async (req, res) => {
  const files = req.files;

  if (!files || files.length === 0) {
    res.status(400).send('No files uploaded.');
    return;
  }

  try {
    const uploadPromises = files.map(async (file) => {
      // Create a unique filename or use the original file name
      const filename = file.originalname;

      // Upload each file to Firebase Storage
      const storageRef = ref(storage, filename);
      await uploadBytes(storageRef, file.buffer);

      // Get the public URL of each uploaded file
      const downloadURL = await getDownloadURL(storageRef);

      return downloadURL;
    });

    // Wait for all uploads to complete
    const downloadURLs = await Promise.all(uploadPromises);

    // Files uploaded successfully, send the download URLs to the client
    res.status(200).send(downloadURLs);
  } catch (error) {
    console.error('Error uploading files:', error);
    res.status(500).send('Error uploading files.');
  }
});

app.listen(3000, () => {
  console.log('Server started on port 3000');
});

Popularity 8/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: html image javascript upload

Link to this answer
Share Copy Link

Contributed on May 17 2023

yoga saja

0 Answers Avg Quality 2/10

Closely Related Answers

upload multiple images node js

Comment

multiple images node

Popularity 9/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Sep 09 2022

Ainembabazi Nicholas

0 Answers Avg Quality 2/10

html upload multiple image with node js

Contents

More Related Answers

html upload multiple image with node js

Closely Related Answers

upload multiple images node js

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.