前端Vue代碼:
<form>
<input type="file" value="" id="file" accept=".doc,.docx,.txt" @change="getFile($event)">
<button @click="submitForm($event)">提交</button>
</form>
後端Django代碼:
def index(request):
req = request.FILES.get('file')
# 將上傳的文件逐行讀取保存到list中
content = []
for line in req.read().splitlines():
content.append(line.decode("utf-8"))
- req爲前端請求的文件對象
req.read()
: 讀取文件每行的內容splitlines()
: 消除換行line.decode("utf-8")
: 將每行內容的Unicode轉換爲 utf-8 編碼. 即正常的中文顯示
具體文件上傳的代碼請看: Vue+Django 實現文件上傳, 數據交互, 文件類型過濾, 文本校驗功能