Lưu tệp hình ảnh NodeJS
Trong hướng dẫn này, tôi sẽ chỉ cho bạn cách tải lên/lưu trữ hình ảnh trong MongoDB bằng Node. js & Express với sự trợ giúp của multer & multer-gridfs-storage Show
bài viết liên quan Thực hành nhiều hơn triển khai. Docker Soạn. Nút. ví dụ về js Express và MongoDB nội dung Tổng quannút của chúng tôi. js Ứng dụng sẽ cung cấp API cho
Đây là giao diện người dùng Bạn có thể sử dụng Máy khách HTTP để tải lên hình ảnh Các hình ảnh sẽ được lưu trữ trong 2 bộ sưu tập. 7 và 8Nếu chúng tôi nhận được danh sách các tệp hình ảnh, Nút. js Rest Apis sẽ trở lại Mỗi mục trong mảng phản hồi có một url mà bạn có thể sử dụng để tải xuống tệp/hình ảnh Đây là các API sẽ được xuất MethodsUrlsActionsPOST/uploadupload a File/ImageGET/filesget List of Images (name & url)GET/files/[filename]download a File nút này. Ứng dụng js hoạt động với Nút. js tải lên/lưu trữ hình ảnh trong MongoDBChúng tôi sẽ chỉ cho bạn cách xây dựng Nút này. ứng dụng js từng bước Cấu trúc dự ánBây giờ hãy nhìn vào cấu trúc dự án của chúng tôi – 9. bao gồm cấu hình cho MongoDB và Multer (url, cơ sở dữ liệu, nhóm hình ảnh)–
Thay đổi hình thức để tải lên nhiều hình ảnhĐối với biểu mẫu, chúng tôi viết thẻ đầu vào với thuộc tính 5 mới như thế nàylượt xem/chỉ mục. html 1Sửa đổi phần mềm trung gian để tải lên và lưu trữ hình ảnhĐối với nhiều hình ảnh, chúng tôi sử dụng một chức năng khác. 6 thay vì 7phần mềm trung gian/tải lên. js 2– Hàm 8 giới hạn số lượng tệp tải lên mỗi lần, tham số đầu tiên là tên của thẻ – 1 (ở chế độ xem html. 4), tham số thứ hai là số tệp tối đa ( 1)Bộ điều khiển để tải lên nhiều hình ảnhVới bộ điều khiển, chúng tôi cập nhật chức năng 2bộ điều khiển/tải lên. js 3Có một phần bổ sung trong khối 3. Chúng tôi kiểm tra xem 4 có phải là 5 để hiển thị thông báo cho người dùng khi họ cố tải lên hơn 10 hình ảnh/tệp khôngĐừng quên thay đổi phương pháp điều khiển trên bộ định tuyến 4Chạy và kiểm tra kết quảChạy lệnh. 1Và giao diện điều khiển hiển thị
Mở trình duyệt của bạn với url 2, thêm một số hình ảnh như thế nàyNhấp vào nút Gửi. Nếu những hình ảnh này được tải lên và lưu trữ trong MongoDB thành công, bạn có thể thấy Bảng điều khiển hiển thị thông tin của những hình ảnh này 6Kiểm tra cơ sở dữ liệu MongoDB 8 bộ sưu tập- 9 bộ sưu tậpNếu bạn cố gắng tải lên hơn 10 tệp cùng một lúc, bạn có thể thấy lỗi như thế này Phần kết luậnHôm nay chúng ta đã học cách tải lên và lưu trữ một/nhiều hình ảnh trong cơ sở dữ liệu MongoDB bằng cách sử dụng các mô-đun express, multer & multer-gridfs-storage, cách giới hạn số lượng tệp theo cấu hình |