76 lines
1.7 KiB
Plaintext
76 lines
1.7 KiB
Plaintext
========================================
|
|
🔧 FIX: IMAGES NOT SHOWING
|
|
========================================
|
|
|
|
You're seeing broken/missing images. Here's how to fix it:
|
|
|
|
## STEP 1: Run Diagnostics
|
|
|
|
Double-click: DIAGNOSE_IMAGE_UPLOAD.bat
|
|
|
|
This will check:
|
|
✅ Backend running on port 8001?
|
|
✅ Database has avatar_url/image_url columns?
|
|
✅ Files uploaded to correct directory?
|
|
✅ Static files accessible?
|
|
|
|
## STEP 2: Apply Fixes Based on Results
|
|
|
|
### If "avatar_url column MISSING":
|
|
```
|
|
Run: APPLY_IMAGE_MIGRATION.bat
|
|
```
|
|
This adds the database columns needed.
|
|
|
|
### If "Backend NOT responding":
|
|
```
|
|
Run: restart_backend.bat
|
|
```
|
|
Backend must be running on port 8001.
|
|
|
|
### If columns exist but images still broken:
|
|
```
|
|
1. Stop backend (Ctrl+C)
|
|
2. Run: restart_backend.bat
|
|
3. Refresh browser (Ctrl+Shift+R)
|
|
```
|
|
|
|
## STEP 3: Test Upload
|
|
|
|
1. Login to app
|
|
2. Go to Settings
|
|
3. Click "Upload Avatar"
|
|
4. Select an image
|
|
5. Should see image immediately!
|
|
|
|
## COMMON ISSUES & FIXES:
|
|
|
|
### Issue: "Mixed content" error in browser
|
|
Fix: Make sure backend is http://localhost:8001
|
|
Check browser console (F12)
|
|
|
|
### Issue: "404 Not Found" for /static/uploads
|
|
Fix: Backend needs restart after adding uploads.py
|
|
Run: restart_backend.bat
|
|
|
|
### Issue: Image uploads but doesn't show
|
|
Fix: 1. Check database has avatar_url column
|
|
2. Restart backend
|
|
3. Clear browser cache (Ctrl+Shift+R)
|
|
|
|
### Issue: CORS error
|
|
Fix: Backend CORS already configured
|
|
Just restart backend
|
|
|
|
## VERIFY IT WORKS:
|
|
|
|
Test URL in browser:
|
|
http://localhost:8001/static/uploads/users/user_1_6ba276ca.png
|
|
|
|
Should show image, not 404 error.
|
|
|
|
If 404: Backend needs restart or migration not run
|
|
If image loads: Frontend just needs browser refresh!
|
|
|
|
========================================
|