Có thể so sánh hai hình ảnh trong Javascript không?

Question

Có cách nào so sánh hai tệp hình ảnh có tên tệp khác nhau không? Vì vậy, tôi đang tìm kiếm để xem nếu họ là bằng javascript. Điều này có thể không?

Sử dụng cho mục đích này: Tôi có một bộ sưu tập các hình ảnh cần bật lên trong hộp đèn. Khi hộp đèn mở ra, tôi đang móc vào cuộc gọi lại để kiểm tra các hình ảnh trùng lặp và khi được tìm thấy, hãy xóa chúng khỏi thư viện hộp đèn để người dùng không nhìn thấy hình ảnh lặp lại.

Answer 1

Tôi đoán bạn có thể. Psuedocode:

• Kiểm tra xem hình ảnh có cùng chiều rộng và chiều cao không. Nếu không, chúng không thể giống nhau.
• Tạo canvas sẽ vừa với cả hai hình ảnh.
• Vẽ hình ảnh trên canvas.
• So sánh chúng pixel-điểm ảnh. Điều này có thể được thực hiện khá dễ dàng bằng cách sử dụng mã được mượn từ getPixel from HTML Canvas?
• Hãy nhớ thoát khỏi vòng lặp ngay khi một pixel đơn không khớp.
• Thời gian chạy trường hợp xấu nhất của bạn sẽ là O (wh), xảy ra khi hình ảnh thực sự bằng nhau.

Answer 2

Kiểm tra kích thước hình ảnh nếu kích thước của chúng bằng nhau hay không.

Và đừng quên kiểm tra chiều rộng cũng như chiều cao.

To find image file size

Answer 3

Tyler đúng, bạn không thể truy cập hệ thống tệp mà không có sự đồng ý của người dùng.

Nhưng nếu bạn muốn so sánh các hình ảnh có sẵn cho các mã javascript, ví dụ bằng cách sử dụng một địa chỉ hoặc sử dụng một trường upload, bạn nên kiểm tra này SO câu hỏi: Compare two Images in JavaScript

Về cơ bản, bạn chuyển đổi hình ảnh thành phần tử canvas và sử dụng giá trị base64 để so sánh hai giá trị, giống như cách mọi người xác nhận xem tài liệu có "hợp lệ" hay không bằng cách kiểm tra tổng kiểm của tài liệu đó.