Django之文件上传

一、form表单上传文件

注意：

　　1、form上需要加enctype="multipart/form-data"

　　2、form提交的地址需要以/结尾

 def form_file(request):
     if request.method=="POST":
         file = request.FILES.get("file")
         with open(file.name,"wb") as f:
             for chunk in file.chunks():
                 f.write(chunk)
     return render(request,"form_file.html",locals())

 <form method="post" action="/form_file/" enctype="multipart/form-data">
     {% csrf_token %}
     <p><input type="file" name="file"></p>
     <p><input type="submit"></p>
 </form>

上传头像，用默认头像替换选择文件按钮：

     <p>
         {{ obj.img.label }}
         <label for="img"><img src="/static/img/default.png"></label>
         <input id="img" type="file" name="img">
     </p>

二、ajax上传文件

 def register(request):
     if request.method == "POST":
         form_obj = RegisterForm(request.POST)
         ret = {"status": 0, "msg": ""}
         if form_obj.is_valid():
             form_obj.cleaned_data.pop("re_pwd")
             avatar = request.FILES.get("avatar")
             models.UserInfo.objects.create(**form_obj.cleaned_data,avatar=avatar)
             return JsonResponse(ret)
         else:
             ret["status"] = 1
             ret["msg"] = form_obj.errors
             return JsonResponse(ret)
     form_obj = RegisterForm()
     return render(request,"register.html",locals())

 //ajax上传注册信息并获取错误信息
     $("#register-btn").click(function(){

         //ajax上传文件，data部分必须用对象
         var formData = new FormData();
         formData.append("username",$("#id_username").val());
         formData.append("password",$("#id_password").val());
         formData.append("re_pwd",$("#id_re_pwd").val());
         formData.append("email",$("#id_email").val());
         formData.append("avatar",$("#id_avatar")[0].files[0]);
         formData.append("csrfmiddlewaretoken",$("[name='csrfmiddlewaretoken']").val());

         $.ajax({
             url:"/register/",
             type:"post",
             //ajax上传文件需要加两个参数
             processData:false,
             contentType:false,
             data:formData,
             success:function(data){
                 if(data.status){
                     //如果有错误，则返回错误信息
                     $.each(data.msg,function(k,v){
                         //k是键，v是值，但是v是列表，错误信息可能有多个
                         $("#id_"+k).next("span").text(v[0]).parent().parent().addClass("has-error");
                     })
                 }else{
                     //如果没有错误，则跳转到指定页面
                     location.href = "/login/"
                 }
             }
         })
     })

 //输入框取得焦点时，清楚错误信息
     $("form input").focus(function(){
         $(this).next("span").text("").parent().parent().removeClass("has-error");
     });

三、iframe上传文件