Cho phép người dùng tải ảnh lên ứng dụng AI của bạn (mà không làm sập nó)

Khoảnh khắc ứng dụng của bạn không còn chỉ là văn bản mà bắt đầu cho phép người dùng tải ảnh lên, mọi thứ thay đổi. Thêm tính năng tải ảnh và file lên nghĩa là cho phép người dùng gửi một bức ảnh, hóa đơn hay tài liệu từ thiết bị của họ vào ứng dụng, rồi ứng dụng lưu lại và hiển thị nó về sau — một ảnh đại diện, một hóa đơn, ảnh chụp gói hàng bị hư, một hợp đồng PDF. Đây là một trong những tính năng trông như chỉ cần một ô tick, nhưng hóa ra lại có vài góc cạnh sắc bén ẩn bên dưới. Không cái nào trong số đó khó cả. Nhưng những cái không ai cảnh báo trước lại chính là những cái xuất hiện ba tuần sau khi ra mắt, thường là từ người dùng nhiệt tình nhất của bạn.

Đây là một chuyến tham quan về những gì thực sự xảy ra khi ai đó bấm “tải lên”, ba lỗi sẽ cắn bạn về sau, và những điều chính xác cần yêu cầu công cụ xây dựng của bạn để tránh gặp phải chúng.

Điều gì thực sự xảy ra khi bạn tải một bức ảnh lên ứng dụng?

Tải một bức ảnh lên sẽ kích hoạt bốn bước theo thứ tự: điện thoại của bạn gửi file cho ứng dụng, ứng dụng gửi nó đến một bộ nhớ file riêng biệt (không phải database), ứng dụng lưu một đường link đến file đó bên cạnh bản ghi, và sau đó nó lấy file bằng đường link ấy mỗi khi có ai đó xem bản ghi.

Đây là trình tự cụ thể từng bước:

Điện thoại đưa file cho ứng dụng của bạn. Một bức ảnh chụp bằng điện thoại đời mới thường nặng 4 đến 12 megabyte. Không phải là con số nhỏ.
Ứng dụng của bạn gửi file đó đến một nơi nào đó để lưu trữ — không phải trong database của ứng dụng, mà trong một kho lưu trữ riêng biệt được xây dựng dành cho file.
Ứng dụng của bạn lưu một đường link đến file đó trong database, bên cạnh phần còn lại của bản ghi (hóa đơn này thuộc về khoản chi tiêu này).
Sau đó, khi có ai đó xem bản ghi, ứng dụng lấy file từ kho lưu trữ bằng đường link đó và hiển thị nó.

Phần mà mọi người thường hiểu sai là bước 2 và 3. Họ tưởng tượng bức ảnh được “lưu trong ứng dụng.” Không phải vậy, và cũng không nên như vậy. File sống trong kho lưu trữ; database của bạn chỉ ghi nhớ nó ở đâu. Làm đúng sự phân chia đó thì mọi thứ về sau sẽ dễ dàng hơn.

Bạn có nên lưu ảnh tải lên trực tiếp trong database không?

Không — và đây là lỗi tải lên phổ biến nhất, một lỗi mà các công cụ xây dựng bằng AI đôi khi sẽ mắc phải theo mặc định nếu bạn không nói cụ thể. Nhồi một bức ảnh 10 MB trực tiếp vào database của bạn cũng giống như để đồ nội thất trong ví tiền. Database được xây dựng cho những thứ nhỏ, có cấu trúc — tên, ngày tháng, giá cả. Đổ ảnh vào đó và nó sẽ chậm đi, các bản sao lưu phình to, và một ngày nào đó một trang trước đây tải tức thì lại mất sáu giây vì nó phải kéo theo cả trăm bức ảnh độ phân giải đầy đủ.

Điều bạn muốn thay vào đó: file sẽ đi đến bộ nhớ file (công cụ xây dựng của bạn có thể gọi nó là “storage bucket” hay “blob storage”), và database chỉ giữ đường link. Hãy yêu cầu trực tiếp:

“Lưu ảnh tải lên trong bộ nhớ file, không phải trong database. Chỉ giữ URL của file trong bản ghi.”

Làm sao để ngăn người dùng tải lên sai loại file hoặc file quá lớn?

Bạn quyết định trước những gì được phép — loại file, giới hạn dung lượng, và một thông báo lỗi rõ ràng — rồi nói rõ điều đó với công cụ xây dựng của bạn, bởi vì nếu không có những quy tắc ấy, ứng dụng của bạn sẽ chấp nhận bất cứ thứ gì, kể cả những file làm treo cả quá trình tải lên. Hai tình huống có thật cho thấy tại sao, cả hai đều từ những ứng dụng chạy tốt lúc thử nghiệm:

Một người phụ nữ điều hành một cơ sở kinh doanh dịch vụ ăn uống nhỏ đã xây dựng một ứng dụng để khách hàng tải lên ảnh những chiếc bánh họ thích. Nó hoạt động tuyệt vời cho đến khi một khách hàng tải lên một bức ảnh 47 MB chụp thẳng từ máy ảnh chuyên nghiệp. Quá trình tải lên bị treo, khách hàng bỏ cuộc, và cô nghe được chuyện này dưới dạng “ứng dụng của chị bị hỏng rồi.” Nó không hề hỏng — nó chỉ chưa bao giờ đặt giới hạn dung lượng, nên nó cứ đứng đó mãi mãi cố nuốt một file khổng lồ.

Một trường hợp khác: một freelancer xây dựng một cổng thông tin khách hàng để mọi người tải lên “logo của họ.” Một khách hàng tải lên một file .zip. Một người khác tải lên một PDF 90 trang. Ứng dụng chấp nhận tất cả vì chẳng ai nói cho nó biết logo lẽ ra phải trông như thế nào.

Hãy quyết định trước ba điều sau:

Loại file nào? Chỉ ảnh thôi? Vậy thì chấp nhận JPG và PNG, từ chối phần còn lại, kèm một thông báo thân thiện.
Lớn cỡ nào? Một giới hạn hợp lý cho ảnh là khoảng 5 đến 10 MB. Đủ lớn cho một bức ảnh chụp bằng điện thoại thật, đủ nhỏ để chặn một cú đổ ảnh từ máy ảnh.
Nếu sai thì sao? Ứng dụng nên nói ra điều đó một cách nhẹ nhàng — “Vui lòng tải lên file JPG hoặc PNG dưới 10 MB” — chứ không chỉ đơ ra.

Hãy nói với công cụ xây dựng của bạn:

“Chỉ cho phép tải lên ảnh JPG và PNG tối đa 10 MB. Nếu ai đó tải lên thứ khác hoặc file quá lớn, hiển thị một thông báo rõ ràng thay vì lặng lẽ báo lỗi.”

Vì sao ứng dụng của bạn cảm thấy chậm khi có nhiều ảnh?

Bởi vì mỗi người xem đều tải về bản gốc kích thước đầy đủ mỗi lần, chứ không phải một bản đã thu nhỏ — trên điện thoại của họ, trên gói dữ liệu di động của họ, mỗi lần có ai đó mở bản ghi. Giả sử ai đó tải lên một bức ảnh sắc nét 8 MB và nó chạy tốt khi đứng riêng lẻ. Nhân con số đó với một thư viện hai mươi bức ảnh và ứng dụng nhanh nhẹn nhỏ bé của bạn sẽ cảm giác như đang lội qua bùn.

Cách khắc phục có một cái tên đáng để biết vì công cụ xây dựng của bạn sẽ nhận ra nó: một thumbnail, hay một phiên bản đã thay đổi kích thước. Ý tưởng là bạn giữ lại bản gốc nhưng cũng tạo ra một bản sao nhỏ, thân thiện với web, và bạn hiển thị bản sao nhỏ đó trong danh sách và bản xem trước. Bản đầy đủ chỉ tải khi có ai đó thực sự muốn xem nó ở kích thước lớn.

“Khi một ảnh được tải lên, hãy tạo thêm một phiên bản đã thay đổi kích thước nhỏ hơn để xem trước và hiển thị trong danh sách. Hiển thị phiên bản nhỏ theo mặc định và chỉ tải ảnh đầy đủ khi ai đó nhấp vào để xem.”

Bạn không cần hiểu nó được thực hiện như thế nào. Bạn cần biết nó tồn tại, để bạn có thể yêu cầu trước khi ứng dụng của bạn cảm thấy chậm chứ không phải sau đó.

Vài điều lặng lẽ hơn đáng để quyết định

Ba quyết định này sẽ không làm sập ứng dụng của bạn nếu bạn bỏ qua chúng, nhưng chúng rẻ hơn nhiều nếu quyết định ngay bây giờ thay vì bổ sung sau này: ai có thể xem file, chuyện gì xảy ra với nó khi bản ghi bị xóa, và liệu việc tải lên có hoạt động trên điện thoại hay không.

Ai có thể xem file? Một ảnh đại diện thì ai xem cũng được. Một CMND scan hay một hợp đồng đã ký thì không. Nếu file là riêng tư, hãy nói với công cụ xây dựng của bạn rằng đường link đó cần yêu cầu đăng nhập, chứ không phải là một URL công khai mà ai cũng có thể mở. Đây là điều tôi sẽ nhấn mạnh nhất đối với bất cứ thứ gì nhạy cảm.
Chuyện gì xảy ra khi bản ghi bị xóa? Nếu ai đó xóa một khoản chi tiêu, ảnh hóa đơn có nên được dọn dẹp theo không? Nếu không, dần dần bạn sẽ tích lũy những file mồ côi mà bạn vẫn đang trả tiền để lưu trữ và đã quên mất mình có chúng.
Nó có hoạt động trên điện thoại không? Hầu hết các lượt tải lên xảy ra trên điện thoại, và điện thoại cung cấp cả tùy chọn “chụp ảnh ngay bây giờ” lẫn “chọn từ thư viện.” Hãy thử cả hai trên một chiếc điện thoại thật, chứ không chỉ trên laptop của bạn nơi bạn chỉ toàn kéo thả một file vào.

Kiểm tra nó như một người lạ sẽ làm

Kiểm tra nó bằng cách cố tình thử phá vỡ nó theo cách mà một người dùng thật sẽ vô tình làm — một bức ảnh bình thường, một file quá khổ, sai loại file, một lượt tải lên trực tiếp từ camera điện thoại, và một lượt xóa — trước khi bạn coi như đã xong:

Tải lên một bức ảnh chụp điện thoại bình thường. Nó có hiện lên không, và bản xem trước có nhanh không?
Tải lên một thứ gì đó khổng lồ. Ứng dụng có chặn bạn lại bằng một thông báo rõ ràng, hay nó chỉ đứng treo?
Tải lên sai loại — một PDF ở nơi cần một bức ảnh. Nó có giải thích quy tắc không?
Mở ứng dụng trên điện thoại của bạn và tải lên trực tiếp từ camera.
Xóa một bản ghi và kiểm tra xem file của nó có được xử lý theo cách bạn đã quyết định hay không.

Nếu cả năm điều đó đều hoạt động đúng, bạn đã vượt qua những góc cạnh làm khó hầu hết mọi người.

Tải lên là một trong những tính năng mà khoảng cách giữa “chạy tốt trong bản demo” và “chạy tốt cho một người lạ trên tàu với một bức ảnh mèo 12 MB” chính xác là tập hợp những quyết định ở trên. Không cái nào trong số đó khó cả. Chúng chỉ dễ bị bỏ qua — và dễ yêu cầu ngay bây giờ hơn nhiều so với việc sửa chữa sau này.

Nếu bạn đã trì hoãn việc thêm tính năng tải lên vì nó cảm giác như một bước nhảy kỹ thuật lớn, thì không phải vậy đâu. Mở công cụ xây dựng của bạn, yêu cầu bộ nhớ ảnh có giới hạn dung lượng và thumbnail, rồi xem nó cho bạn cái gì. Sau đó hãy thử phá vỡ nó trên điện thoại của bạn — đó mới là bài kiểm tra thật sự, và nó chỉ mất năm phút.