‫Chúng tôi vẫn không nhìn thấy hình ảnh ở đây mặc dù sử dụng đúng URL vì có điều quan
‫trọng bạn phải hiểu về mã phụ trợ hoặc cách Node Express ở đây hoạt động và dịch vụ
‫nói chung.
‫Theo mặc định, không có tệp nào ở phía máy chủ.
‫Vì vậy, trong ứng dụng Node Express của chúng tôi, bạn có thể truy cập từ bên ngoài máy chủ.
‫Và điều đó thật tốt vì nếu không, chúng ta có thể nhập JS ứng dụng localhost 5000 và xem mã
‫nguồn ở đó.
‫Nhưng may mắn thay, điều này không hoạt động vì mọi yêu cầu gửi đến ở back end cuối cùng đều đi vào phễu phần mềm trung gian của chúng tôi ở
‫đây và nó đi qua tất cả các danh sách phần mềm trung gian khác nhau ở đây và chỉ logic mà chúng
‫ta có trong phần mềm trung gian được thực thi.
‫Vì vậy, bạn không thể yêu cầu bất kỳ tệp nào, bạn chỉ có thể đi qua phần mềm trung gian và bạn có một yêu cầu được xử
‫lý bởi một trong các phần mềm trung gian hoặc bạn không.
‫Ví dụ: nếu chúng tôi gửi yêu cầu đến một URL kết thúc bằng API gạch chéo, gạch chéo địa điểm, chúng tôi đưa nó vào địa điểm,
‫tuyến đường của chúng tôi và đó là cách logic ở đó bắt đầu.
‫Nhưng đối với một số liên kết hình ảnh ngẫu nhiên, chúng tôi không có phần mềm trung gian nào xử lý việc này.
‫Tất nhiên, bây giờ, chúng tôi muốn cấp quyền truy cập vào hình ảnh và để làm như vậy chúng tôi có thể thêm một phần mềm trung gian mới.
‫Có thể ở đây sau khi phân tích cú pháp các phần thân yêu cầu, chúng ta có thể thêm một phần mềm trung gian chung mới và sau đó lọc
‫các yêu cầu bắt đầu bằng hình ảnh tải lên.
‫Vì vậy, các yêu cầu có tải lên 5000 dấu gạch chéo localhost tải lên hình ảnh gạch chéo ở đầu URL mới của họ.
‫Những yêu cầu như vậy sẽ được xử lý bởi một phần mềm trung gian đặc biệt, phần mềm này thực sự được tích hợp sẵn
‫trong Express Express static.
‫Bạn có thể thực thi static dưới dạng một phương thức và điều này thực sự sẽ trả về một phần mềm trung gian.
‫Và đây là một phần mềm trung gian chỉ trả về tệp được yêu cầu.
‫Phân phối tĩnh có nghĩa là bạn chỉ trả lại một tệp.
‫Bạn không thực hiện nó.
‫Bạn chỉ cần trả lại nó.
‫Bây giờ ở đây chúng ta phải kiểm soát những tệp nào và thư mục nào chúng ta muốn trả về.
‫Express static, sau đó muốn một đường dẫn trỏ đến thư mục mà bạn muốn cung cấp tệp mà không cần
‫kiểm tra thêm.
‫Bây giờ, một đường dẫn như vậy phải là một đường dẫn tuyệt đối và chúng ta có thể xây dựng điều này bằng mô-đun đường dẫn được tích hợp sẵn
‫trong Node. js.
‫Vì vậy, chúng tôi nhập nó với cú pháp này ở đây và hiển thị nó trên hằng số đường dẫn này, và sau đó ở đây thành tĩnh.
‫Chúng tôi vượt qua đường dẫn xây dựng của mình, nơi chúng tôi kết hợp tải lên hai phân đoạn.
‫Và hình ảnh và điều này xây dựng một đường dẫn mới trỏ đến thư mục hình ảnh tải lên và bất kỳ tệp nào trong đó nếu
‫bạn yêu cầu, nó sẽ được trả lại.
‫Nếu không, tất cả các tệp sẽ bị khóa, nhưng các tệp trong thư mục này, nếu được yêu cầu, sẽ được trả lại.
‫Nếu chúng ta lưu cái này và bây giờ chúng ta quay lại và tải lại ứng dụng của mình, ở đây chúng ta sẽ thấy hình ảnh của chúng ta.
‫Do đó, bởi vì bây giờ chúng tôi đang phục vụ nó.
‫Và với điều này, tải lên hoạt động và phục vụ nó hoạt động.
‫Tất nhiên, bây giờ chúng ta không có chỗ cho người dùng, vì vậy hãy chắc chắn rằng.
‫Khi chúng tôi khóa điều đó, chúng tôi thực sự cũng có thể thêm một địa điểm ở đây và chúng tôi cũng tải lên hình ảnh ở
‫đây.
‫Bây giờ đây là một thực tiễn tuyệt vời cho bạn vì về cơ bản các bước tải lên hình ảnh cho người dùng là
‫giống nhau.
‫Vì vậy, chắc chắn hãy thử điều này của riêng bạn trước.
‫Trong các bài giảng tiếp theo, chúng ta sẽ cùng nhau thực hiện.