利用form表单提交文件

django项目中创建个PutFile.html文件

    
          {*multipart/form-data 设置以原数据方式发送到后台*} 
     
          {% csrf_token %}    
      
用户名
    
      
    
      
     

urls.py中设置访问url为  

url(r'^putfile/', views.putfile),

views中的putfile视图

def putfile(request):    if request.method=="POST":        print(request.FILES)#
     
      ]}>        file_obj=request.FILES.get("myFile")        print(file_obj.name)#2.png        with open(file_obj.name,"wb") as f:            for line in file_obj:                f.write(line)        return HttpResponse("上传成功")    return render(request,"PutFile.html")
     

点击提交

这样form表单就把文件保存到了服务端。

form表单将原生文件以二进制方式传给后端，后端拿到file对象，迭代写入文件中。

 

ajax提交文件

PutFile.html中

    
             
     
          {% csrf_token %}    
      
用户名
    
      
    
      
     
ajaxsend

ajax传送文件需要 实例化一个formdata字典对象来保存数据，并且需要

processData:false            contentType:false 两个参数保证数据原始即二进制数据。 views.py中

def putfile(request):    if request.is_ajax():        print(request.FILES)        file_obj = request.FILES.get("imgFile")        print(file_obj.name)        with open(file_obj.name, "wb") as f:            for line in file_obj:                f.write(line)        return HttpResponse("ok")       return render(request,"PutFile.html")

还是一样的套路，从request.Files中拿到文件对象进行保存

 

 

头像前端实现更换后更换

$("#file").change(function () {          var choose_file=$("#file")[0].files[0];          var reader=new FileReader();         reader.readAsDataURL(choose_file);         reader.οnlοad=function () {            $("#avatar_img").attr("src",this.result)        }