Cách tải lên hình ảnh trong Django

Mục lục

1. Giới thiệu
2. Cách tải lên hình ảnh trong Django
3. Tạo dự án Django
4. Tạo ứng dụng trong Django
5. Cấu hình Django settings
6. Thiết kế ngôn ngữ mô hình Django
7. Tạo form trong Django
8. Xử lý view trong Django
9. Hiển thị hình ảnh và chú thích trong template Django
10. Tạo URL cho ứng dụng Django
11. Chạy ứng dụng Django

🖼️ Cách tải lên hình ảnh trong Django

Trong video này, tôi sẽ chỉ cho bạn cách tải lên hình ảnh trong Django bằng giao diện người dùng. Chỉ cần chọn tệp và tải lên, rất đơn giản!

Đầu tiên, tạo một dự án Django bằng cách mở cửa sổ dòng lệnh và nhập lệnh django-admin startproject project. Đặt tên dự án là "project". Sau đó, tạo một ứng dụng Django bằng lệnh django-admin startapp image. Đặt tên ứng dụng là "image".

Tiếp theo, mở trình soạn thảo mã bất kỳ (ví dụ: VS Code) và mở file settings.py trong thư mục dự án. Ở đây, chúng ta phải cài đặt ứng dụng trong danh sách INSTALLED_APPS. Sử dụng chuỗi "image" để chỉ định ứng dụng chúng ta vừa tạo.

Sau đó, hãy đi đến file urls.py trong thư mục dự án và nhúng các URL của ứng dụng image. Để làm điều này, chúng ta chỉ cần nhập include('image.urls') và nhập import include.

Tiếp theo, hãy tạo file urls.py trong thư mục image. Trong file này, chúng ta sẽ xác định các mẫu URL cho ứng dụng của chúng ta.

Tiếp theo, hãy đi đến file models.py trong ứng dụng image và tạo một mô hình cho chú thích và hình ảnh. Mục đích là tạo một mô hình hình ảnh với Hai trường là "Caption" và "image". Trường "caption" là trường ký tự và trường "image" là trường hình ảnh.

Sau đó, chúng ta phải tạo một form trong Django. Để làm điều này, chúng ta sẽ tạo một file forms.py trong thư mục ứng dụng image. Import các module cần thiết và tạo một class form để tải lên hình ảnh.

Tiếp theo, chúng ta sẽ chỉnh sửa file views.py. Import form ảnh và mô hình, tạo một hàm view để xử lý yêu cầu và hiển thị template index.html.

Sau đó, hãy tạo template index.html trong thư mục templates của ứng dụng. Trong template này, tạo một form với phương thức POST và enctype="multipart/form-data" để cho phép tải lên các tệp đa phương tiện.

Cuối cùng, hãy chạy các lệnh migrate, create superuser và runserver để kiểm tra ứng dụng trên trình duyệt.

📸 Hiển thị hình ảnh và chú thích trong template Django

Ở đây, tôi sẽ chỉ bạn cách hiển thị các hình ảnh và chú thích tương ứng trong template Django. Tôi sẽ sử dụng vòng lặp để lấy tất cả các hình ảnh và chú thích từ database, sau đó hiển thị chúng trên trang web.

Trước tiên, hãy chỉnh sửa file index.html. Tạo một vòng lặp for để lặp lại qua tất cả các hình ảnh. Sử dụng biến img để lưu trữ từng hình ảnh trong mỗi vòng lặp.

Trong phần thẻ <img>, sử dụng thuộc tính src để truyền URL của hình ảnh từ biến img. Để tạo URL, sử dụng obj.image.url, trong đó obj là đối tượng mà bạn muốn tải lên.

Sau đó, trong vòng lặp for, hãy hiển thị chú thích của mỗi hình ảnh bằng cách sử dụng biến caption.

Cuối cùng, hãy thử tải lên và hiển thị các hình ảnh trên trang web của bạn. Lưu ý rằng bạn cũng cần phải cấu hình MEDIA_ROOT và MEDIA_URL trong settings.py.

Đó là cách bạn có thể hiển thị các hình ảnh và chú thích tương ứng trong ứng dụng Django của mình. Hãy thử nó và nếu bạn có bất kỳ thắc mắc nào, hãy kiểm tra hướng dẫn chi tiết trên link trong phần mô tả video. Cảm ơn bạn đã xem!