blueimp jQuery-File-Upload không hiển thị hình thu nhỏ sau khi tải lên hình ảnh

Question

Tôi đã tải xuống plugin và phụ thuộc mới nhất và phụ thuộc từ here phiên bản 9.12.1. Tôi đã sao chép các tệp đã tải xuống trong máy chủ wamp của tôi và truy cập nó từ localhost/jQuery-File-Upload-9.12.1/index.html.

Sau khi chọn tệp hình ảnh, bản xem trước hình ảnh được hiển thị trước khi tải lên. Nhưng một khi hình ảnh được tải lên, hình thu nhỏ sẽ không được hiển thị.

Tuy nhiên trong Kiểm tra phần tử liên kết của hình thu nhỏ có trong hình ảnh src.

Tệp được tải lên trong thư mục máy chủ và hình thu nhỏ được tạo.

Tên và kích thước hình ảnh được hiển thị.

Tôi đang làm gì sai?

Answer 1

Thực hiện các thủ thuật bẩn ... lặp cho đến khi hình ảnh sẵn sàng trước khi hiển thị hình ảnh xem trước.
Xem jQuery: Check if image exists. Trong trường hợp của tôi, tôi sử dụng trước thẻ hình ảnh là ...

  while(urlExists(file.path) != 200) { 
        console.log("still loading image"); 
      } 
      <img src="=file.path" width="100px"> 

Vấn đề là viết hình muộn hơn một chút so với khách hàng. Vì vậy, lỗi 404 cho hình ảnh này sau khi kết xuất thành html. Nhưng hình ảnh thực sự tồn tại khi tôi kiểm tra. Như đoạn trên, tôi đang cố gắng chờ tải hình ảnh sau khi máy chủ đã tạo thành công hình ảnh. Tôi biết nó không phải là một cách tốt nhưng nó hoạt động. Tôi tin rằng lỗi này sẽ không xảy ra ở chế độ sản xuất và tôi đang cố sửa lỗi để chạy tại localhost.

Answer 2

Theo câu hỏi và ý kiến ​​của bạn, kiểm tra xem có hai điều:

Thứ nhất, hình ảnh thumbnail tải có tư cách 200 hoặc 404 trong tab mạng lưới các cửa sổ nhà phát triển. Nếu 200 của nó, vấn đề là cái gì khác.

Nếu đó là 404: Kiểm tra trong file .htaccess của bạn cho nội dung này:

RewriteEngine on 
RewriteCond %{HTTP_REFERER} !^$ 
RewriteCond %{HTTP_REFERER} !^http://(www\.)?yourdomain.com/.*$ [NC] 
RewriteRule \.(gif|jpg|css)$ - [F] 

Các dòng trên nói với Apache Web Server để chặn tất cả các liên kết đến '.gif',' .jpg các tệp 'và' .css 'không thuộc tên miền ' http://www.yourdomain.com/ '. Trước khi tải lên tệp .htaccess của bạn đảm bảo bạn thay thế 'yourdomain.com' bằng địa chỉ trang web thích hợp .

Xem url trong .htaccess có được đặt chính xác cho miền của bạn không (ví dụ: localhost).

Tham chiếu: http://www.htaccess-guide.com/hot-link-prevention-techniques/