Ich habe eine Webanwendung in asp.net entwickelt. Es gibt eine Seite in diesem Projekt, auf der der Benutzer eine Datei im Bildformat (JPEG, JPG, BMP, ...) auswählen sollte. Ich möchte ein Vorschaubild auf der Seite anzeigen, aber ich möchte es nicht Ich möchte die Datei nicht auf dem Server veröffentlichen Ich möchte sie auf dem Client verwalten Ich habe sie mit Java-Skriptfunktionen über die Datei-API ausgeführt, sie funktioniert jedoch nur in IE9. Die meisten Kunden verwenden jedoch IE8. Der Grund dafür ist, dass IE8 die Datei-API nicht unterstützt Gibt es eine Möglichkeit, ein IE8-Upgrade oder einige Patches im Code dahinter durchzuführen? Ich meine, überprüfen Sie, ob der Browser IE ist und die Datei-API nicht unterstützt? Rufen Sie eine Funktion auf, mit der IE8 automatisch auf IE9 aktualisiert wird.

Ich möchte den Benutzer nicht bitten, dies in einer Nachricht zu tun. Ich möchte dies programmgesteuert tun.
Auch wenn es möglich ist, einen speziellen Patch zu installieren, der für die Datei-API erforderlich ist, weil Kunden dachten, dass dies ein Fehler in meiner Anwendung ist und ihre Computerkenntnisse gering sind. Was soll ich damit tun?
Ich benutze auch Async File Upload Ajax Control Aber es postet die Datei auf jeden Fall auf dem Server mit Ajax-Lösung und HTTP-Handler, aber Java-Skripte machen alles im Client-Browser !!!

Das folgende Skript überprüft, ob der Browser die API unterstützt oder nicht

<script>
if (window.File && window.FileReader && window.FileList && window.Blob) 
  document.write("<b>File API supported.</b>");
else
  document.write('<i>File API not supported by this browser.</i>');
</script>   

Die folgenden Skripte führen das Lesen und Laden von Bildern aus

function readfile(e1)
{
  var filename = e1.target.files[0]; 
  var fr = new FileReader();
   fr.onload = readerHandler;  
  fr.readAsText(filename); 
} 

HTML Quelltext:

<input type="file" id="getimage">

<fieldset><legend>Your image here</legend>
    <div  id="imgstore"></div>
</fieldset> 

JavaScript-Code:

<script>
function imageHandler(e2) 
{ 
  var store = document.getElementById('imgstore');
  store.innerHTML='<img src="' + e2.target.result +'">';
}

function loadimage(e1)
{
  var filename = e1.target.files[0]; 
  var fr = new FileReader();
  fr.onload = imageHandler;  
  fr.readAsDataURL(filename); 
}

window.onload=function()
{
  var x = document.getElementById("filebrowsed");
  x.addEventListener('change', readfile, false);
  var y = document.getElementById("getimage");
  y.addEventListener('change', loadimage, false);
}
</script>