from django.shortcuts import render,redirect,HttpResponse
from app01 import models
import json
import os
def upload(request):
  if request.method == 'GET':
    img_list = models.Img.objects.all()
    return render(request,'upload.html',{'img_list': img_list})
  elif request.method == "POST":
    user = request.POST.get('user')
    fafafa = request.POST.get('fafafa')
    obj = request.FILES.get('fafafa')
    # print(obj.name,obj.size) #讀取文件名稱(chēng)和大小，返回后臺(tái)
    # print(user,fafafa)
    file_path = os.path.join('static','upload',obj.name)
    f = open(file_path, 'wb')
    for chunk in obj.chunks():
      f.write(chunk)
    f.close()
    models.Img.objects.create(path=file_path)
    ret={'status':True,'path':file_path}
    return HttpResponse(json.dumps(ret))


            

4，文件操作方法

obj.read() ：從文件中讀取整個(gè)上傳的數(shù)據(jù)，這個(gè)方法只適合小文件；

obj.chunks() ：按塊返回文件，通過(guò)在for循環(huán)中進(jìn)行迭代，可以將大文件按塊寫(xiě)入到服務(wù)器中；

obj.multiple_chunks() ：這個(gè)方法根據(jù)myFile的大小，返回True或者False，當(dāng)myFile文件大于2.5M(默認(rèn)為2.5M，可以調(diào)整)時(shí)，該方法返回True，否則返回False，因此可以根據(jù)該方法來(lái)選擇選用read方法讀取還是采用chunks方法

obj.name ：這是一個(gè)屬性，不是方法，該屬性得到上傳的文件名，包括后綴，如123.exe；

obj.size ：這也是一個(gè)屬性，該屬性得到上傳文件的大小。

5.1 form 上傳

              
              
              
              
              
              

                
    {% for item in img_list %}
      
                
                
    {% endfor %}
  
              
            

5.2 原生的ajax Http請(qǐng)求上傳文件方法

涉及到兩個(gè)對(duì)象FormData和XMLHttpRequest

利用FormData對(duì)象,我們可以通過(guò)JavaScript用一些鍵值對(duì)來(lái)模擬一系列表單控件,我們還可以使用XMLHttpRequest的 send() 方法來(lái)異步的提交這個(gè)"表單".比起普通的ajax,使用FormData的最大優(yōu)點(diǎn)就是我們可以異步上傳一個(gè)二進(jìn)制文件.

XMLHttpRequest 是一個(gè)API, 它為客戶端提供了在客戶端和服務(wù)器之間傳輸數(shù)據(jù)的功能。它提供了一個(gè)通過(guò) URL 來(lái)獲取數(shù)據(jù)的簡(jiǎn)單方式，并且不會(huì)使整個(gè)頁(yè)面刷新。這使得網(wǎng)頁(yè)只更新一部分頁(yè)面而不會(huì)打擾到用戶。XMLHttpRequest 在 AJAX 中被大量使用。

XMLHttpRequest 是一個(gè) JavaScript 對(duì)象，它最初由微軟設(shè)計(jì),隨后被 Mozilla、Apple 和 Google采納. 如今,該對(duì)象已經(jīng)被 W3C組織標(biāo)準(zhǔn)化. 通過(guò)它,你可以很容易的取回一個(gè)URL上的資源數(shù)據(jù). 盡管名字里有XML, 但 XMLHttpRequest 可以取回所有類(lèi)型的數(shù)據(jù)資源，并不局限于XML。 而且除了HTTP ,它還支持file 和 ftp 協(xié)議.

語(yǔ)法 var myRequest = new XMLHttpRequest();

              
              
              
              

                
    {% for img in img_list %}
      
                
                
    {% endfor %}
  
              
              
              
              
            

5.4 jQuery Ajax上傳，同時(shí)使用了iframe，一下代碼包含了兩種方法 。即：

• 1-利用JQuery Ajax + FormData進(jìn)行文件上傳
• 2-基于Iframe實(shí)現(xiàn)偽Ajax 上傳文件

              
              
              
              
              

                測(cè)試Iframe功能
              
              
              
              
              

              

                基于iframe實(shí)現(xiàn)form提交
              
              
                
                
                
                
              
              

                圖片列表
              
              

                
    {% for img in img_list %}
      
                
                
    {% endfor %}