IE cố gắng tải xuống JSON trong ASP. NET MVC 3

Question

Tôi đã cố gắng trả lại Json từ hành động của mình và sau đó IE đã cố gắng tải xuống và cho tôi thấy hộp thoại lưu. Tôi đã thử nghiệm nó trong Firefox, và ở đó nó hoạt động tốt.

return Json(new { success = false, message = ex.Message }, "application/json"); 

Lý do của hành vi đó là gì và làm cách nào để giải quyết vấn đề đó?

Sau đó trong Javascript phần tôi cố gắng này

if (responseJSON.success == false) { 
         alert(responseJSON.message); 
         cancel(); 
        } 

Nhưng IE không hiển thị cảnh báo nào. Nó mang lại cho tôi lưu hộp thoại.

Tôi đã cố gắng thay đổi "application/json" với "text/plain" và lưu hộp thoại biến mất, nhưng tôi chưa thể thấy cảnh báo. Tôi đang thiếu gì?

EDIT:

Đây là complect Javascript của tôi, tôi đang sử dụng Valums qquploader (ex-Ajaxupload) để tải lên hình ảnh

var uploader = new qq.FileUploader({ 
       element: document.getElementById("image-upload"), 
       action: '/Home/ImageUpload', 
       allowedExtensions: ['jpg', 'png', 'gif'], 
       sizeLimlit: 2048,onComplete: function (id, fileName, responseJSON) { 
        if (responseJSON.success == false) { 
         alert(responseJSON.message); 
         cancel(); 
        } 
        else { 
         alert("success"); 
          //some code here 
         } 
        } 
        }); 

tôi đã thử nghiệm với alert("success"); phần khác của tôi và chuyển tiếp json là "text/plain" và sau đó tôi thấy cảnh báo. Nhưng trong thời gian đó responseJSON.success != false cho tôi. Bạn có đề xuất gì về điều đó không?

Answer 1

Tôi đã giải quyết điều đó với thủ thuật này

return Json(new { success = false, message = ex.Message }, "text/html"); 

Và bây giờ nó hoạt động. Nhưng tôi có thể giải thích tại sao nó hoạt động với text/html, và không làm việc với ứng dụng/json và text/plain. Đầu tiên là cố gắng tải xuống JSON và thứ hai là trả lại các thuộc tính chưa được xác định cho các trường JSON.

Answer 2

Có thể bạn không phải thiết lập một loại mime chính xác cho nội dung json của bạn (ví IE thử text/plain)

Xem: What problems may using the MIME type application/json cause?

Answer 3

Tôi đã sử dụng trình tải lên tương tự này và có cùng sự cố.

Nó phải làm với các tiêu đề yêu cầu được gửi. IE cần yêu cầu để có một tiêu đề chấp nhận cho biết json.

xhr.setRequestHeader("Accept", "application/json, text/javascript, */*; q=0.01"); 

Nếu bạn chèn này sau khi dòng này:

xhr.setRequestHeader("Content-Type", "application/octet-stream"); 

trong file js (mỏ được gọi fileuploader.js) thì bạn nên không còn có vấn đề, và không cần phải chỉ ra văn bản/html trong trở lại của bạn.

p.s. Tôi đã nhận xét ra dòng nội dung, nhưng tôi không còn chắc chắn tại sao. Nếu chỉ cần thêm dòng chấp nhận này không hoạt động, hãy thử chú thích tiêu đề kiểu nội dung.

Chỉnh sửa:

Tôi đã xem lại tệp của mình và dường như cũng đã thực hiện một thay đổi khác.

Thay vì dòng:

xhr.send(file) 

tôi đặt tại:

var formData = new FormData(); 
formData.append("image", file); 
xhr.send(formData); 

này được đưa ra sau dòng setrequesrheader trên.

Tôi không chắc liệu thay đổi này có hiệu quả đối với tất cả các mục đích sử dụng hay không, như tải lên nhiều tệp. Tôi chỉ tải lên một hình ảnh duy nhất để tôi sử dụng.

Answer 4

Sự cố này xảy ra khi sử dụng plugin tải lên sử dụng iframe để tải lên bằng IE (được thử nghiệm trên 9.0).

IE đặt tiêu đề Accept: text/html, , application/xhtml+xml, */* và vì vậy khi bạn trả lời bằng Content-type: application/json, nó giả định đó là tệp (hoặc ít nhất đó là giải thích duy nhất tôi có thể tìm thấy trên web).

Do đó, để phá vỡ điều đó, bạn cần đặt Content-type: text/html hoặc Content-type: text/plain.

Tôi khuyên bạn nên triển khai điều này bằng cách sử dụng ActionFilter; thay vì thay đổi kiểu nội dung theo cách thủ công, phát hiện IE và POST nhiều lần và thay đổi loại nội dung phù hợp.