Ich möchte ein einfaches Hochladen von Dateien in meine Intranetseite mit dem kleinstmöglichen Setup implementieren.

Dies ist mein HTML-Teil:

<input id="sortpicture" type="file" name="sortpic" />
<button id="upload">Upload</button>

und das ist mein JS jquery script:

$("#upload").on("click", function() {
    var file_data = $("#sortpicture").prop("files")[0];   
    var form_data = new FormData();
    form_data.append("file", file_data);
    alert(form_data);
    $.ajax({
        url: "/uploads",
        dataType: 'script',
        cache: false,
        contentType: false,
        processData: false,
        data: form_data,                         
        type: 'post',
        success: function(){
            alert("works"); 
        }
    });
});

Es gibt einen Ordner mit dem Namen "uploads" im Stammverzeichnis der Website mit Änderungsberechtigungen für "users" und "IIS_users".

Wenn ich eine Datei mit dem Datei-Formular auswähle und den Upload-Button drücke, gibt die erste Warnung "[object FormData]" zurück. die zweite Warnung wird nicht aufgerufen und der Ordner "uploads" ist auch leer !?

Kann mir jemand helfen, herauszufinden, was falsch ist?

Der nächste Schritt sollte auch sein, die Datei mit einem serverseitig generierten Namen umzubenennen. Vielleicht kann mir jemand auch dafür eine Lösung geben.