app.post('/api/upload-gif', upload.single('gif'), async (req, res) => { try { const gifBuffer = req.file.buffer; const gifFileName = req.file.originalname; const s3 = new aws.S3({ region: 'your-region' }); const params = { Bucket: 'your-bucket-name', Key: gifFileName, Body: gifBuffer, }; const data = await s3.upload(params).promise(); const gifUrl = data.Location;
<script> const form = document.getElementById('gif-form'); form.addEventListener('submit', async (e) => { e.preventDefault(); const fileInput = document.getElementById('gif-file'); const file = fileInput.files[0]; const formData = new FormData(); formData.append('gif', file); how to convert gif to url link
try { const response = await fetch('/api/upload-gif', { method: 'POST', body: formData, }); const gifUrl = await response.json(); document.getElementById('gif-url').innerHTML = `GIF URL: <a href="${gifUrl}">${gifUrl}</a>`; } catch (error) { console.error(error); } }); </script> const gifFileName = req.file.originalname
res.json(gifUrl); } catch (error) { console.error(error); res.status(500).json({ error: 'Failed to upload GIF' }); } }); const params = { Bucket: 'your-bucket-name'
const app = express(); const upload = multer({ dest: './uploads/' });
// server.js const express = require('express'); const multer = require('multer'); const aws = require('aws-sdk'); const db = require('./db'); // assume a database connection
// Save GIF metadata to database await db.saveGifMetadata(gifFileName, gifUrl);