찾다
백엔드 개발파이썬 튜토리얼Django 프로젝트 실용 사용자 아바타 업로드 및 접속

이 글에서는 Django 프로젝트에서 사용자 아바타를 업로드하고 접근하는 실제 사례를 주로 소개하고 참고하겠습니다. 함께 살펴볼까요

1 파일을 서버에 로컬로 저장

upload.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
</head>
<body>
<form action="" method="post" enctype="multipart/form-data">
  {% csrf_token %}
  <p>用户名:<input type="text" name="username"></p>
  <p>头像<input type="file" name="avatar"></p>
  <input type="submit" value="提交">
</form>
</body>
</html>

urls.py

from django.conf.urls import url
from app01 import views
urlpatterns = [
  url(r&#39;^upload&#39;,views.upload)
]

views.py

rreee

요약

이런 방식으로 파일 업로드에 대한 기본적인 작은 예를 만들었습니다. 여기서 주의할 점이 몇 가지 있습니다.
1. csrf_token 확인을 양식에 추가해야 합니다.
2. 유형 파일의 입력 상자 값은 file
3. 보기 함수에서 파일을 얻으려면 request.FILES.get() 메소드를 사용하십시오
4. 파일 이름은 obj.name을 통해 얻을 수 있습니다

2 파일을 데이터베이스

models.py

from django.shortcuts import render,HttpResponse 
def upload(request):
  if request.method == &#39;POST&#39;:
    name = request.POST.get(&#39;username&#39;)
    avatar = request.FILES.get(&#39;avatar&#39;)
    with open(avatar.name,&#39;wb&#39;) as f:
      for line in avatar:
        f.write(line)
    return HttpResponse(&#39;ok&#39;)
  return render(request,&#39;upload.html&#39;)

views.py

from django.db import models
 class User(models.Model):
  username = models.CharField(max_length=16)
  avatar = models.FileField(upload_to=&#39;avatar&#39;)

Summary

에 업로드하세요.

데이터베이스에 파일을 업로드하는 기능이 변경되었습니다. 위에서 구현한 몇 가지 참고 사항이 있습니다.
1. 소위 데이터베이스에 업로드한다는 것은 이미지 자체나 바이너리 코드를 데이터베이스에 저장하는 것을 의미하지 않습니다. 데이터베이스는 파일의 경로만 저장하므로 사용자가 파일을 호출하려고 할 때 경로를 사용하여 서버에서 지정한 위치를 찾을 수 있습니다.
2. ORM을 생성할 때 아바타 필드에는 upload_to=가 있어야 합니다. 업로드된 파일을 저장할 위치를 지정하는 '' 속성
3. 데이터베이스에 추가할 때 파일 필드 속성 할당은 다음과 같이 일반 필드와 동일한 형식입니다: models.User.objects.create(username=name, avatar=avatar)
4. 두 사용자가 업로드한 파일 이름이 동일할 경우 시스템이 자동으로 파일 이름을 변경하며 그 효과는 다음과 같습니다.

추가

기능을 구현했습니다. .파일을 호출할 때 데이터베이스 파일 경로를 통해 저장된 파일 자체를 통해서만 이미지에 액세스하여 웹 페이지에 나타나도록 하면 되는 것 같습니다.

뭔가 구성이 필요합니다. 그렇지 않으면 django가 URL 확인에 실패하게 됩니다. 우리가 정적으로 정적 파일에 직접 액세스할 수 있는 이유는 django가 이미 이를 구성했기 때문입니다.

구성 단계는 다음과 같습니다.

1. urls.py에서

def upload(request):
  if request.method == &#39;POST&#39;:
    name = request.POST.get(&#39;username&#39;)
    avatar = request.FILES.get(&#39;avatar&#39;)
    models.User.objects.create(username=name,avatar=avatar)
    return HttpResponse(&#39;ok&#39;) 
  return render(request,&#39;upload.html&#39;)

을 구성합니다. 사이트의 settings.py 구성 후 , http://127.0.0.1:8001/media/milk.png를 통해 이미지에 액세스할 수 있습니다.

3 AJAX를 사용하여 파일을 제출


upload.html

MEDIA_ROOT=os.path.join(BASE_DIR,"blog","media") #blog是项目名,media是约定成俗的文件夹名

MEDIA_URL="/media/"   # 跟STATIC_URL类似,指定用户可以通过这个路径找到文件

views.py

from django.views.static import serve
from upload import settings        #upload是站点名
url(r&#39;^media/(?P<path>.*)$&#39;, serve, {&#39;document_root&#39;: settings.MEDIA_ROOT}),

Summary

1. Ajax 업로드 시 버튼 입력 시 submit을 사용하면 안 됩니다. 2. Ajax 업로드 시 data 매개변수의 값은 더 이상 일반적인 '사전' 유형 값이 아닙니다. , 그러나 FormData 개체입니다

Create 개체 formdata = new FormData()


값 추가 formdata.append('username',$('#name-input').val()) ;

  1. 3.Ajax는 게시물 제출 시 csrf 확인을 추가해야 합니다

  2. formdata.append("csrfmiddlewaretoken",$("[name='csrfmiddlewaretoken']").val());

4. 마지막으로 Ajax를 통해 파일을 업로드할 때 두 가지 매개변수 설정이 있습니다

  1. processData:false

contentType:false

  1. 4 이미지 파일 업로드 시 미리보기 기능이 있습니다
  2. <!DOCTYPE html>
    
    <html lang="en">
    <head>
      <meta charset="UTF-8">
    </head>
    <body>
    <form>
      {% csrf_token %}
      <p>用户名:<input id="name-input" type="text"></p>
    
      <p>头像<input id="avatar-input" type="file"></p>
      <input id="submit-btn" type="button" value="提交">
    </form>
    <script src="/static/js/jquery-3.2.1.min.js"></script>
    <script>
      $(&#39;#submit-btn&#39;).on(&#39;click&#39;,function () {
        formdata = new FormData();
        formdata.append(&#39;username&#39;,$(&#39;#name-input&#39;).val());
        formdata.append("avatar",$("#avatar")[0].files[0]);
        formdata.append("csrfmiddlewaretoken",$("[name=&#39;csrfmiddlewaretoken&#39;]").val()); 
     $.ajax({
     processData:false,contentType:false,url:&#39;/upload&#39;, type:&#39;post&#39;, data:formdata,success:function (arg)
     { 
    if (arg.state == 1){ alert(&#39;成功!&#39;) }
    else { alert(&#39;失败!&#39;) } } }) });
     </script>
     </body> 
    </html>

5 요약

파일 업로드의 경우 직접 양식 제출이든 Ajax 제출이든 근본적인 문제는 업로드하려는 내용이 일반 문자열이 아니라 파일임을 브라우저에 알리는 것입니다

어떻게 요청 가중치의 ContentType 매개변수를 통해 브라우저에 알리려면 기본값인
이 있으므로 일반 문자열을 업로드할 때 이를 지정할 필요가 없습니다. 그리고 파일을 전송하려면 다음을 수행해야 합니다. 별도로 지정하세요. 다음 사항을 요약하면

1. Form 업로드 시 enctype="multipart/form-data"를 통해 ContentType을 지정하세요.

2. ajax를 통해 업로드할 경우 processData:false 및 contentType:false를 통해 ContentType을 지정하세요.
3. 업로드 시 form에서 파일 데이터는 태그를 통해 '래핑'됩니다.

4. Ajax가 업로드되면 FormData 인스턴스 객체를 통해 데이터가 추가됩니다.

5. 데이터가 전달된 후에는 request.POST

대신 request.FILES에 캡슐화됩니다. 관련 권장 사항:

Django가 CSS 및 js 파일과 정적 이미지를 로드하는 방법

Django 컨트롤 사용 및 매개변수 전달에 대한 자세한 설명

위 내용은 Django 프로젝트 실용 사용자 아바타 업로드 및 접속의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
Python vs. C : 주요 차이점 이해Python vs. C : 주요 차이점 이해Apr 21, 2025 am 12:18 AM

Python과 C는 각각 고유 한 장점이 있으며 선택은 프로젝트 요구 사항을 기반으로해야합니다. 1) Python은 간결한 구문 및 동적 타이핑으로 인해 빠른 개발 및 데이터 처리에 적합합니다. 2) C는 정적 타이핑 및 수동 메모리 관리로 인해 고성능 및 시스템 프로그래밍에 적합합니다.

Python vs. C : 프로젝트를 위해 어떤 언어를 선택해야합니까?Python vs. C : 프로젝트를 위해 어떤 언어를 선택해야합니까?Apr 21, 2025 am 12:17 AM

Python 또는 C를 선택하는 것은 프로젝트 요구 사항에 따라 다릅니다. 1) 빠른 개발, 데이터 처리 및 프로토 타입 설계가 필요한 경우 Python을 선택하십시오. 2) 고성능, 낮은 대기 시간 및 근접 하드웨어 제어가 필요한 경우 C를 선택하십시오.

파이썬 목표에 도달 : 매일 2 시간의 힘파이썬 목표에 도달 : 매일 2 시간의 힘Apr 20, 2025 am 12:21 AM

매일 2 시간의 파이썬 학습을 투자하면 프로그래밍 기술을 효과적으로 향상시킬 수 있습니다. 1. 새로운 지식 배우기 : 문서를 읽거나 자습서를 시청하십시오. 2. 연습 : 코드를 작성하고 완전한 연습을합니다. 3. 검토 : 배운 내용을 통합하십시오. 4. 프로젝트 실무 : 실제 프로젝트에서 배운 것을 적용하십시오. 이러한 구조화 된 학습 계획은 파이썬을 체계적으로 마스터하고 경력 목표를 달성하는 데 도움이 될 수 있습니다.

2 시간 극대화 : 효과적인 파이썬 학습 전략2 시간 극대화 : 효과적인 파이썬 학습 전략Apr 20, 2025 am 12:20 AM

2 시간 이내에 Python을 효율적으로 학습하는 방법 : 1. 기본 지식을 검토하고 Python 설치 및 기본 구문에 익숙한 지 확인하십시오. 2. 변수, 목록, 기능 등과 같은 파이썬의 핵심 개념을 이해합니다. 3. 예제를 사용하여 마스터 기본 및 고급 사용; 4. 일반적인 오류 및 디버깅 기술을 배우십시오. 5. 목록 이해력 사용 및 PEP8 스타일 안내서와 같은 성능 최적화 및 모범 사례를 적용합니다.

Python과 C : The Hight Language 중에서 선택Python과 C : The Hight Language 중에서 선택Apr 20, 2025 am 12:20 AM

Python은 초보자 및 데이터 과학에 적합하며 C는 시스템 프로그래밍 및 게임 개발에 적합합니다. 1. 파이썬은 간단하고 사용하기 쉽고 데이터 과학 및 웹 개발에 적합합니다. 2.C는 게임 개발 및 시스템 프로그래밍에 적합한 고성능 및 제어를 제공합니다. 선택은 프로젝트 요구와 개인적인 이익을 기반으로해야합니다.

Python vs. C : 프로그래밍 언어의 비교 분석Python vs. C : 프로그래밍 언어의 비교 분석Apr 20, 2025 am 12:14 AM

Python은 데이터 과학 및 빠른 개발에 더 적합한 반면 C는 고성능 및 시스템 프로그래밍에 더 적합합니다. 1. Python Syntax는 간결하고 학습하기 쉽고 데이터 처리 및 과학 컴퓨팅에 적합합니다. 2.C는 복잡한 구문을 가지고 있지만 성능이 뛰어나고 게임 개발 및 시스템 프로그래밍에 종종 사용됩니다.

하루 2 시간 : 파이썬 학습의 잠재력하루 2 시간 : 파이썬 학습의 잠재력Apr 20, 2025 am 12:14 AM

파이썬을 배우기 위해 하루에 2 시간을 투자하는 것이 가능합니다. 1. 새로운 지식 배우기 : 목록 및 사전과 같은 1 시간 안에 새로운 개념을 배우십시오. 2. 연습 및 연습 : 1 시간을 사용하여 소규모 프로그램 작성과 같은 프로그래밍 연습을 수행하십시오. 합리적인 계획과 인내를 통해 짧은 시간에 Python의 핵심 개념을 마스터 할 수 있습니다.

Python vs. C : 학습 곡선 및 사용 편의성Python vs. C : 학습 곡선 및 사용 편의성Apr 19, 2025 am 12:20 AM

Python은 배우고 사용하기 쉽고 C는 더 강력하지만 복잡합니다. 1. Python Syntax는 간결하며 초보자에게 적합합니다. 동적 타이핑 및 자동 메모리 관리를 사용하면 사용하기 쉽지만 런타임 오류가 발생할 수 있습니다. 2.C는 고성능 응용 프로그램에 적합한 저수준 제어 및 고급 기능을 제공하지만 학습 임계 값이 높고 수동 메모리 및 유형 안전 관리가 필요합니다.

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

VSCode Windows 64비트 다운로드

VSCode Windows 64비트 다운로드

Microsoft에서 출시한 강력한 무료 IDE 편집기

ZendStudio 13.5.1 맥

ZendStudio 13.5.1 맥

강력한 PHP 통합 개발 환경

맨티스BT

맨티스BT

Mantis는 제품 결함 추적을 돕기 위해 설계된 배포하기 쉬운 웹 기반 결함 추적 도구입니다. PHP, MySQL 및 웹 서버가 필요합니다. 데모 및 호스팅 서비스를 확인해 보세요.

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

mPDF

mPDF

mPDF는 UTF-8로 인코딩된 HTML에서 PDF 파일을 생성할 수 있는 PHP 라이브러리입니다. 원저자인 Ian Back은 자신의 웹 사이트에서 "즉시" PDF 파일을 출력하고 다양한 언어를 처리하기 위해 mPDF를 작성했습니다. HTML2FPDF와 같은 원본 스크립트보다 유니코드 글꼴을 사용할 때 속도가 느리고 더 큰 파일을 생성하지만 CSS 스타일 등을 지원하고 많은 개선 사항이 있습니다. RTL(아랍어, 히브리어), CJK(중국어, 일본어, 한국어)를 포함한 거의 모든 언어를 지원합니다. 중첩된 블록 수준 요소(예: P, DIV)를 지원합니다.