檔案上傳之form表單篇

2022-03-28 14:37:21 字數 915 閱讀 8152

form表單上傳檔案

作為本系列的最後一篇,也是樓主知道的第三種檔案上傳的方式--隆重推出form表單

這是最傳統的上傳檔案,提交資料的方式

html:

1

<

form

action

="/home/receive"

method

="post"

enctype

="multipart/form-data"

>

2<

input

type

="file"

name

="f1"

id="f1"

/>

3<

input

type

="submit"

>

4form

>

由於甚是簡單,這裡就不列出後台**了

form表單提交的方式,對使用者體檢不是很好,每次提交後資料清空,因此有了ajax

在文章的最後,總結一下這三種上傳檔案的優缺點

提交方式

相容性實現難易度

使用者體驗

維護/查錯

ajax

★★★☆☆(ie9+)

需要了解html5

★★★★★

較複雜,但是能得到詳細的錯誤資訊,有**作為返回值,可進行下一步操作

iframe

★★★★★

比較容易,且相容性較好

★★★★★

較容易,沒有**,不知道什麼時候檔案上傳完成,頁面無法跳轉

form

★★★★★

最容易★★★☆☆

容易,但是提交後頁面會跳轉,同樣不知道什麼時候上傳完成,檔案較大時頁面可能停止響應

form表單上傳檔案

views def up request return render request,up.html html 這時候隨便選擇乙個檔案傳送,結果當然是不成功的。錯誤資訊 csrf verification failed.request aborted.csrf驗證失敗。請求中止。不能發,現在要朝著後...

Django的form表單之檔案上傳

在生成input標籤的時候可以指定input標籤的型別為file型別 此時,在網頁上頁示如下 如果網頁上提交的是使用者名稱和密碼等,通過鍵值對傳送到服務端。一組鍵值代表乙個標籤及標籤對應的值。在網頁上選擇一張,並使用post方式提交,在服務端列印request.post def index requ...

使用form表單上傳檔案

在使用form表單上傳檔案時候,input type file 是必然會用的,其中有一些小坑需要避免。1 form的 enctype multipart form data 已經是個老生常談的問題了,相信都能注意到,就不多說了。3 當使用input type file 的onchange事件來觸發檔...