Breaking News: Grepper is joining You.com. Read the official announcement!

how to upload image to firebase storage and get image link from web html with server using node.js

yoga saja answered on May 17, 2023 Popularity 8/10 Helpfulness 4/10

answer how to upload image to firebase storage and get image link from web html with server using node.js

how to upload image to firebase storage and get image link from web html with server using node.js

Comment

how to upload image to firebase storage and get image link 
from web html with server using node.js

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

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

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

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

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

  if (!file) {
    res.status(400).send('No file uploaded.');
    return;
  }

  // Create a unique filename or use the original file name
  const filename = file.originalname;

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

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

    // File uploaded successfully, send the download URL to the client
    res.status(200).send(downloadURL);
  } catch (error) {
    console.error('Error uploading file:', error);
    res.status(500).send('Error uploading file.');
  }
});

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

Popularity 8/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: firebase-storage get html image javascript node.js server upload using web

Link to this answer
Share Copy Link

Contributed on May 17 2023

yoga saja

0 Answers Avg Quality 2/10

how to upload image to firebase storage and get image link from web html with server using node.js

Contents

More Related Answers

how to upload image to firebase storage and get image link from web html with server using node.js

Grepper

Documentation

Social

Legal

Contact

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