Resolves "Resource interpreted as Document but transferred with MIME type application/json" issue
Last Update:2017-06-19
Source: Internet
Author: User
<span id="Label3"></p><p><p>When uploading a picture, use Ajax to commit and return the data in JSON format. In the test found in IE browser, after uploading the picture, not showing the picture, but pop up a hint: whether to save the Uploadimg.json file, and in other browsers normal.</p></p><p><p>After debugging in chrome, the browser gave a warning when the image was uploaded successfully: Resource interpreted as Document but transferred with MIME type Application/json.</p></p><p><p>The original background code in the return of JSON data, the response data contenttype default to "application/json", the new version of IE browser (IE10, IE11) will interpret the type as a file download Operation.</p></p><p><p>Background code:</p></p><pre><span style="color: #0000ff"><span style="color: #0000ff"></span> public</span><span style="color: #000000"><span style="color: #000000">Jsonresult uploadimgtolocal () {</span></span><span style="color: #0000ff"><span style="color: #0000ff">var</span></span>Filemaxsize =<span style="color: #800080"><span style="color: #800080">10240</span></span>;<span style="color: #008000"><span style="color: #008000">//</span></span><span style="color: #008000"><span style="color: #008000">file size, in units of K</span></span> <span style="color: #0000ff"><span style="color: #0000ff">var</span></span>Model =<span style="color: #0000ff"><span style="color: #0000ff">New</span></span><span style="color: #000000"><span style="color: #000000">Imguploadresult (); </span></span><span style="color: #0000ff"><span style="color: #0000ff">Try</span></span><span style="color: #000000"><span style="color: #000000">{httppostedfile MyFile</span></span>= httpcontext.current.request.files[<span style="color: #800080"><span style="color: #800080">0</span></span><span style="color: #000000"><span style="color: #000000">]; </span></span><span style="color: #0000ff"><span style="color: #0000ff">if</span></span>(myFile! =<span style="color: #0000ff"><span style="color: #0000ff">NULL</span></span><span style="color: #000000"><span style="color: #000000">) { </span></span><span style="color: #0000ff"><span style="color: #0000ff">string</span></span>FileExtension = myFile.FileName.Substring (myFile.FileName.LastIndexOf (<span style="color: #800000"><span style="color: #800000">'</span></span><span style="color: #800000"><span style="color: #800000">.</span></span><span style="color: #800000"><span style="color: #800000">'</span></span><span style="color: #000000"><span style="color: #000000">)); </span></span><span style="color: #0000ff"><span style="color: #0000ff">if</span></span>(!<span style="color: #000000"><span style="color: #000000">Checkvalidext (FILEEXTENSION)) { </span></span><span style="color: #0000ff"><span style="color: #0000ff">return</span></span>Json (<span style="color: #0000ff"><span style="color: #0000ff">New</span></span>{uploadcode =<span style="color: #800080"><span style="color: #800080">104</span></span>, Massege =<span style="color: #800000"><span style="color: #800000">"</span></span><span style="color: #800000"><span style="color: #800000">file Format Error</span></span><span style="color: #800000"><span style="color: #800000">"</span></span><span style="color: #000000"><span style="color: #000000"> }); } </span></span><span style="color: #0000ff"><span style="color: #0000ff">Else</span></span><span style="color: #000000"><span style="color: #000000"> { </span></span><span style="color: #0000ff"><span style="color: #0000ff">if</span></span>(myfile.contentlength > Filemaxsize *<span style="color: #800080"><span style="color: #800080">1024x768</span></span><span style="color: #000000"><span style="color: #000000">) { </span></span><span style="color: #0000ff"><span style="color: #0000ff">return</span></span>Json (<span style="color: #0000ff"><span style="color: #0000ff">New</span></span>{uploadcode =<span style="color: #800080"><span style="color: #800080"></span> the</span>, Massege =<span style="color: #800000"><span style="color: #800000">"</span></span><span style="color: #800000"><span style="color: #800000">file too large</span></span><span style="color: #800000"><span style="color: #800000">"</span></span><span style="color: #000000"><span style="color: #000000"> }); } </span></span><span style="color: #0000ff"><span style="color: #0000ff">Else</span></span><span style="color: #000000"><span style="color: #000000"> { </span></span><span style="color: #008000"><span style="color: #008000">//</span></span><span style="color: #008000"><span style="color: #008000">Upload</span></span><span style="color: #008000"><span style="color: #008000">//</span></span><span style="color: #008000"><span style="color: #008000">return Results</span></span> <span style="color: #0000ff"><span style="color: #0000ff">return</span></span>Json (<span style="color: #0000ff"><span style="color: #0000ff">New</span></span>{uploadcode =<span style="color: #800080"><span style="color: #800080"></span> -</span>, Massege =<span style="color: #800000"><span style="color: #800000">""</span></span>, sourceURL = Model. sourceimgurl, Bigurl = model. bigimgurl, Thumburl =<span style="color: #000000"><span style="color: #000000">model. thumbimgurl}); </span></span><span style="color: #0000ff"><span style="color: #0000ff">#endregion</span></span><span style="color: #000000"><span style="color: #000000"> } </span></span><span style="color: #0000ff"><span style="color: #0000ff">Catch</span></span><span style="color: #000000"><span style="color: #000000"> { </span></span><span style="color: #0000ff"><span style="color: #0000ff">return</span></span>Json (<span style="color: #0000ff"><span style="color: #0000ff">New</span></span>{uploadcode =<span style="color: #800080"><span style="color: #800080">101</span></span>, Massege =<span style="color: #800000"><span style="color: #800000">"</span></span><span style="color: #800000"><span style="color: #800000">Upload failed</span></span><span style="color: #800000"><span style="color: #800000">"</span></span><span style="color: #000000"><span style="color: #000000"> }); } } } } </span></span><span style="color: #0000ff"><span style="color: #0000ff">Else</span></span><span style="color: #000000"><span style="color: #000000"> { </span></span><span style="color: #0000ff"><span style="color: #0000ff">return</span></span>Json (<span style="color: #0000ff"><span style="color: #0000ff">New</span></span>{uploadcode =<span style="color: #800080"><span style="color: #800080">102</span></span>, Massege =<span style="color: #800000"><span style="color: #800000">"</span></span><span style="color: #800000"><span style="color: #800000">please upload the file</span></span><span style="color: #800000"><span style="color: #800000">"</span></span><span style="color: #000000"><span style="color: #000000"> }); } } </span></span><span style="color: #0000ff"><span style="color: #0000ff">Catch</span></span><span style="color: #000000"><span style="color: #000000"> { </span></span><span style="color: #0000ff"><span style="color: #0000ff">return</span></span>Json (<span style="color: #0000ff"><span style="color: #0000ff">New</span></span>{uploadcode =<span style="color: #800080"><span style="color: #800080">101</span></span>, Massege =<span style="color: #800000"><span style="color: #800000">"</span></span><span style="color: #800000"><span style="color: #800000">Upload failed</span></span><span style="color: #800000"><span style="color: #800000">"</span></span><span style="color: #000000"><span style="color: #000000"> }); } }<br></span></span></pre><p><p>The code in the</p></p><pre><pre><span style="color: #0000ff">return</span> Json (<span style="color: #0000ff">new</span><span style="color: #800080"></span><span style="color: #800000">""</span>, sourceURL = model. sourceimgurl, Bigurl = model. bigimgurl, Thumburl = model. thumbimgurl});</pre></pre><p><p>Switch</p></p><pre><pre><span style="color: #0000ff">New</span><span style="color: #000000"></span><span style="color: #800000">"</span><span style="color: #800000">text/html</span><span style="color: #800000"></span><span style="color: #0000ff"></span><span style="color: #800080"></span><span style="color: #800000"></span>" ",<span style="color: #000000"></span> sourceURL = Model. sourceimgurl, Bigurl = model. bigimgurl, Thumburl =<span style="color: #000000"> model. thumbimgurl};</span> <span style="color: #0000ff">return</span> json;</pre></pre><p><p>After modifying the ContentType type of the response data, the returned data type is a JSON string, which makes it compatible with IE browser.</p></p><p><p>Resolves "Resource interpreted as Document but transferred with MIME type application/json" issue</p></p></span>