Menu
I'm not sure if somehow the directory is wrong or there's just some kind of common mistake in my code, but I just am not able to save my uploaded file to a folder, or more specifically, the media folder as demonstrated in a lot of examples.
I'm just taking a text field and the file and saving it in the DB using Ajax, and it works too, except that whatever file I'm selecting, it's not getting saved in the media folder even if I create one manually nor is it creating one on its own either. I can get this to work without Ajax but not with it. Maybe it's something related to how I'm sending and handling data over Ajax, but I've gone through tons of forums to try and fix it but no results so far. I've double checked everything else such as the settings.py config and the libraries that I've imported, everything looks to be in order. I'm sharing the code below.
index.html
<body>
<div class="container-fluid">
<div class="col-md-4">
<form id="data" enctype="multipart/form-data">
<label for="docn">
<input type="text" id="docn" placeholder="Please enter document name">
</label>
<label for="docc">
<input type="file" id="doc" name="docu">
</label>
<button type="button" onclick="enterdata()">Submit</button>
</form>
</div>
</div>
<script>
function enterdata() {
var token = '{{ csrf_token }}';
alert('csrf generated');
$.ajax({
type: 'POST',
url: '/user',
data: {
dcn: $('#docn').val(),
dc: $('#doc').val(),
},
headers: {'X-CSRFToken': token},
success: function () {
alert("Added");
}
})
}
</script>
</body>
views.py
from django.shortcuts import render
from django.http import HttpResponse
from fileup.models import *
from django.core.files.storage import FileSystemStorage
def insert(request):
return render(request, 'index.html')
def testing_data(request):
if request.method == 'POST':
dcn1 = request.POST['dcn']
dc = request.POST['dc']
request_file = request.FILES['docu'] if 'docu' in request.FILES else None
if request_file:
fs = FileSystemStorage()
file = fs.save(request_file.name, request_file)
fileurl = fs.url(file)
FileDB.objects.create(
docname=dcn1,
doc=dc,
)
return HttpResponse('')
urls.py
urlpatterns = [
path('admin/', admin.site.urls),
path('', insert),
path('user', testing_data),
]
if settings.DEBUG:
urlpatterns += static(settings.MEDIA_URL, document_root = settings.MEDIA_ROOT)
models.py
from django.db import models
class FileDB(models.Model):
docname = models.CharField(max_length=255)
doc = models.FileField()
settings.py config
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
MEDIA_URL = '/media/'
That's the complete project. The end goal is to save the path and filename in the DB with the selected file uploaded in the media folder. The former is being done but with no positive results from the latter.
Thank you.
657
asked Oct 17 '25 06:10
You say everything works correctly except the storage location of the file. The following code will store uploaded files under /media/photos regardless of what your MEDIA_ROOT setting is:
from django.core.files.storage import FileSystemStorage
from django.db import models
fs = FileSystemStorage(location='/media/photos')
class Car(models.Model):
...
photo = models.ImageField(storage=fs)
Hope this helps you. Courtesy of Django Doc: https://docs.djangoproject.com/en/3.1/topics/files/
106
answered Oct 21 '25 05:10
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With