Django之文件上传

大霞上仙

已于 2024-07-13 21:41:36 修改

阅读量185

点赞数 1

分类专栏： Django 文章标签： python 开发语言 django

于 2024-07-01 22:10:51 首次发布

本文链接：https://blog.csdn.net/daxiashangxian/article/details/140087368

版权

Django 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

前端

<!DOCTYPE html>
<html>
<body>

<h2>Upload File</h2>
<form action="/upload_file/" method="post" enctype="multipart/form-data">
  Select file to upload:
  <input type="file" name="file" id="file">
  <input type="submit" value="Upload File" name="submit">
</form>

<script>
  // JavaScript 用于处理文件上传
  const form = document.querySelector('form');
  form.addEventListener('submit', (e) => {
    e.preventDefault();
    const file = document.getElementById('file').files[0];
    const formData = new FormData();
    formData.append('file', file);

    fetch('http://127.0.0.1:8080/upload_file/', {
      method: 'POST',
      body: formData
    })
    .then(response => response.text())
    .then(text => alert(text))
    .catch(error => alert('File upload error: ' + error));
  });
</script>

</body>
</html>

注：不写script的部分也是可以执行的

将input的submit 换成button 的submit试着也可以执行，但是后端处理的路径不一样，所以后端处理代码有不同逻辑的路径切换

后端

URL配置路径

from django.contrib import admin
from django.urls import path
from Myapp.views import *
# from Myapp import views
urlpatterns = [
    path('admin/', admin.site.urls),
    path('upload_file/',upload_file),
  

]

view后端接受逻辑

def upload_file(request):
    random_str = '123'
    myFile = request.FILES.get('file')
    print(myFile)
    file_name = random_str + '.' + str(myFile).split('.')[1]  # 'RESUMES/' +
    print(file_name)
    print(os.getcwd())
    if os.getcwd() == 'D:\django_test':  # 判断路径位置如果直接是D:\django_test\Myapp\RESUMES就不用切换路径了
        os.chdir('./Myapp/RESUMES')
        print(os.getcwd())
    os.system(r"touch {}".format(random_str + '.' + str(myFile).split('.')[1]))
    fp = open(file_name, 'wb+')
    print(fp)
    for i in myFile.chunks():
        print(i)
        fp.write(i)
    fp.close()
    return HttpResponse('')