überprüfen, ob Datei existiert vor dem Upload

Question

Ich habe ein Upload-modal mit einfacher Dateieingabe. Wenn der Benutzer eine Datei auswählt, wird die Datei gelöscht und der Benutzer erhält den folgenden Fehler:

Uncaught DOMException: Blockiert einen Frame mit dem Ursprung "[servername]" vom Zugriff auf einen ursprungsübergreifenden Frame.

Form Code:

<form id="uploadForm" action="@Url.Action("Function", "Controller")" method="post" enctype="multipart/form-data" target="upload_target"> 
..form code 
</form> 
<iframe id="upload_target" name="upload_target" src="#" style="width:0;height:0;border:0px solid #fff;"></iframe> 

und seine in der jquery Ladefunktion versagt:

$("iframe").load(function() { 

iframeContents = this.contentWindow.document.body.innerHTML; 
...rest of code 

soweit ich es nicht den .document Trank mag es sagen kann

Ist Dort muss trotzdem sichergestellt werden, dass die Datei zwischen dem Auswählen zum Hochladen und dem Übermitteln des Formulars an den Controller noch existiert. Vielen Dank im Voraus

Answer 1

Wie wäre es mit der JavaScript-Datei-API und die Größe der Datei durch die Größe Eigenschaft des Objekts überprüfen?

Answer 2

So erkannte ich, dass, wenn ich ursprünglich die Dateigröße überprüft habe ich die Größe des Dateinamens nicht Größe der Datei überprüft. Hier ist die endgültige Lösung

if ($('#File').get(0).files[0].size === 0) { 
    window.alert("missing file"); 
}