Django当中如何实现文件的上传的几种方法

2022-07-28 09:01:13 阅读：191 来源： 互联网

标签：username request upload 几种 ajax file Django 上传

在Django当中需要进行文件的上传，那么有哪几种方式呢？自己总结了下，有如下几种方法。

方式一：基于form表单进行上传。

index.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>xx</title>
</head>
<body>
<h3>form表单上传文件</h3>
<form action="/upload_file/" method="post" enctype="multipart/form-data">
    <p><input type="file" name="upload_file_form"></p>
    <input type="submit" value='上传'>
</form>
</body>
</html>

注意事项：1.method为post请求；2.必须加入 enctype="multipart/form-data"；3.input标签内type为file类型

视图函数：

def index(request):
    return render(request,"index.html")

def upload_file(request):
    print("FILES:",request.FILES)
    print("POST:",request.POST)
    return HttpResponse("上传成功!")

上传的文件被放在了request对象中，要去处理对应的文件，则直接去requeset.FILES中调用。

方式二：基于ajax进行上传。

index.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>xx</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
<h3>Ajax上传文件</h3>

<p><input type="text" name="username" id="username" placeholder="username"></p>
<p><input type="file" name="upload_file_ajax" id="upload_file_ajax"></p>

<button id="upload_button">提交</button>
{#注意button标签不要用在form表单中使用#}

<script>
    $("#upload_button").click(function(){

        var username=$("#username").val();
        var upload_file=$("#upload_file_ajax")[0].files[0];

        var formData=new FormData();
        formData.append("username",username);   
        formData.append("upload_file_ajax",upload_file);

        $.ajax({
            url:"/upload_file/",
            type:"POST",
            data:formData,
            contentType:false,
            processData:false,

            success:function(){
                alert("上传成功!")
            }
        });


    })
</script>

</body>
</html>

注意事项：1.contentType:false, 和 processData:false ；2.声明一个FormData();3.去取upload_file_ajax的值时，var upload_file=$("#upload_file_ajax")[0].files[0];

标签：username,request,upload,几种,ajax,file,Django,上传
来源： https://www.cnblogs.com/shaoyishi/p/16527262.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

Django当中如何实现文件的上传的几种方法