在常見的用戶注冊頁面，需要用戶在本地選擇一張圖片作為頭像，并同時預覽。
常見的思路有兩種： 一是將圖片上傳至服務器的臨時文件夾中，并返回該圖片的url，然后渲染在html頁面；另一種思路是，直接在本地內存中預覽圖片，用戶確認提交后再上傳至服務器保存。
這兩種方法各有利弊，方法一很明顯，浪費流量和服務器資源；方法二則加重了瀏覽器的負擔，并且對瀏覽器的兼容性要求更高（在某些低版本中的IE瀏覽器不支持）。
以下是實現上述思路的方法：
1. 模板文件
test.html
Title
2. 視圖函數
upload_avatar.py
from django.shortcuts import render, HttpResponse
def test(request):
return render(request, 'test.html')
def upload_avatar(request):
file_obj = request.FILES.get('avatar')
file_path = os.path.join('static/images', file_obj.name)
with open(file_path, 'wb') as f:
for chunk in file_obj.chunks():
f.write(chunk)
return HttpResponse(file_path)
3. 路由系統
urls.py
from django.conf.urls import url
from django.contrib import admin
from home import views as homeViews
urlpatterns = [
url(r'^admin/', admin.site.urls),
url(r'^upload_avatar/', homeViews.upload_avatar), # 上傳頭像
url(r'^test/', homeViews.test), # 測試頁面
]
驗證效果：
選擇圖片前：
Ajax上傳圖片至服務器，并返回瀏覽器該圖片的url：
window.FileReader本地預覽，form表單提交：
window.URL.createObjectURL本地預覽，form表單提交：
以上這篇python 實現上傳圖片并預覽的3種方法(推薦)就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
更多文章、技術交流、商務合作、聯系博主
微信掃碼或搜索：z360901061
微信掃一掃加我為好友
QQ號聯系： 360901061
您的支持是博主寫作最大的動力，如果您喜歡我的文章，感覺我的文章對您有幫助，請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧，狠狠點擊下面給點支持吧，站長非常感激您！手機微信長按不能支付解決辦法：請將微信支付二維碼保存到相冊，切換到微信，然后點擊微信右上角掃一掃功能，選擇支付二維碼完成支付。
【本文對您有幫助就好】元
