Cảnh báo loại MIME trong chrome cho hình ảnh png

Vừa chạy trang web của tôi trong chrome và thật ngạc nhiên khi nó xuất hiện cảnh báo này cho mỗi hình ảnh .png của tôi:

Resource interpreted as image but transferred with MIME type application/octet-stream.

Có ai thấy điều này trước đây không?

Trân trọng

Tôi gặp sự cố này khi chạy ứng dụng ASP.NET WebForms bằng Máy chủ phát triển ASP.NET.

Tôi nghi ngờ điều gì đó tương tự sẽ xảy ra nếu bạn cũng sử dụng IIS Express làm máy chủ của mình (VS 2010 SP1).

Tôi đã 'giải quyết' cục bộ sự cố của mình bằng cách chỉnh sửa cài đặt dự án (trong Web) và thay đổi từ Máy chủ phát triển ASP.NET thành IIS trên máy cục bộ của mình. Tôi có thể thấy rằng PNG đã được định nghĩa chính xác là kiểu MIME hình ảnh và thực sự khi tôi truy cập vào máy chủ IIS cục bộ của mình, nó đang phân phát tệp với đúng loại.

Cảnh báo này cho bạn biết rằng máy chủ web của bạn không được định cấu hình để gửi dữ liệu meta loại MIME chính xác cho hình ảnh PNG. Bạn có thể nên tham khảo ý kiến ​​của quản trị viên cho máy chủ web của mình và yêu cầu họ thiết lập ánh xạ MIME chính xác

Tôi đã thêm các kiểu như thế này trong .htaccess (AddType image / type extention) tức là

AddType image/png cur
AddType image/svg+xml svg svgz

Tất nhiên các giải pháp trên là hoàn hảo. Chỉ để tránh cảnh báo và để có một bảng điều khiển sạch, tôi đã thực hiện sau khi thay đổi mã của mình. (điều đó cũng chỉ dành cho Máy chủ phát triển ASP.NET) Tôi đã viết một trình xử lý bổ sung cho điều này:

PNGHandler.cs

class PNGHandler : IHttpHandler
{
    public void ProcessRequest(HttpContext context)
    { 
       if(context.Request.HttpMethod == "GET") 
       {
             string requestedFile = context.Server.MapPath(context.Request.FilePath);
             FileInfo fileinfo = new FileInfo(requestedFile);
             string contentType = "";
             if (fileinfo.Exists && fileinfo.Extension.Remove(0, 1).ToUpper() == "PNG")
             {
                   contentType = "image/png";
                   context.Response.ContentType = contentType;
                   context.Response.TransmitFile(requestedFile);
                   context.Response.End();
              }
         }
    }
}

Và đã thêm Http Handler trong web.config dưới system.web

<system.web>
 <httpHandlers>
 <add path="*.png" verb="*" type="PNGHandler" />
 </httpHandlers>
</system.web>

Cách nhanh nhất để xử lý thư rác mà tôi đã tìm thấy là sử dụng phím CTRL để chọn Lỗi, Cảnh báo và Gỡ lỗi thay vì tất cả.

Tất cả:

Lỗi, Cảnh báo và Gỡ lỗi:

Tôi đã giải quyết vấn đề này bằng cách bật Nội dung tĩnh trong Bảng điều khiển > Chương trình và Tính năng > Bật hoặc tắt các tính năng của Windows > Thành phần IIS > Dịch vụ Web Toàn cầu > Tính năng HTTP phổ biến