AJAX -Datei hochladen mit xmlHttprequest, die d. H. 9 unterstützenJquery

JQuery-Programmierung
Guest
 AJAX -Datei hochladen mit xmlHttprequest, die d. H. 9 unterstützen

Post by Guest »

Ich versuche, eine Datei mit AJAX hochzuladen. Der folgende Code funktioniert in allen Browsern, d. H. 9 und frühere Versionen. Leider bin ich gezwungen, diese Browser zu unterstützen, daher frage ich mich, wie ich diesen Code ändern kann, damit er funktioniert Sehen Sie nicht, wie dies mein Problem behebt. Dass ich tatsächlich in die Zeile kommen könnte, an die es sendet, aber ich war mir nicht sicher, wie diese Zeile aussehen sollte. xhr.send (FileInput); schien nicht zu funktionieren. Ihre Hilfe wäre sehr geschätzt. < /p>

Code: Select all

 
function uploadFile(fileInput, label1, label2, filename) {
var fileInput = document.getElementById(fileInput);

var xhr;
if (window.XMLHttpRequest) {
xhr = new XMLHttpRequest();
} else {
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}

xhr.open('POST', 'Create/Upload');
xhr.setRequestHeader('Content-type', 'multipart/form-data');
//Appending file information in Http headers

//xhr.setRequestHeader('X-File-Name', filename);
xhr.setRequestHeader('X-File-Type', fileInput.files[0].name);
xhr.setRequestHeader('X-File-Type', fileInput.files[0].type);
xhr.setRequestHeader('X-File-Size', fileInput.files[0].size);
xhr.setRequestHeader('X-Type', label1);
//Sending file in XMLHttpRequest
xhr.send(fileInput.files[0]);

//xhr.send(fileInput);

xhr.onreadystatechange = function () {
if (xhr.readyState == 4 && xhr.status == 200) {
$('#' + label1).text(xhr.responseText.replace(/\"/g, ""));
document.getElementById(label1).style.color = "green";
document.getElementById(label2).style.display = 'none';
}
else {
$('#' + label1).text("File upload failed");
document.getElementById(label1).style.color = "red";
}
}
}
document.getElementById('uploaderAuto').onsubmit = function () {

myfile = $('#fileInputAuto').val();
var ext = myfile.split('.').pop();
ext = ext.toLowerCase();
if (ext == "pdf" || ext == "docx" || ext == "doc" || ext == "odf" || ext == "rtf") {
uploadFile('fileInputAuto', 'Auto', "AutoView", myfile);
} else {
alert("The following is a list of accepted file types:\n\n - Word Document (*.doc)\n - Word Document (*.docx)\n - Portable Document Format (*.pdf)\n - Open Document Format (*.odf)\n - Rich Text Format (*.rtf)\n\nPlease choose a file with one of these file types.");
}

return false;
}

document.getElementById('uploaderOther1').onsubmit = function () {
myfile = $('#fileInputOther1').val();
uploadFile('fileInputOther1', 'Other1', 'Other1View', myfile);
return false;
}

document.getElementById('uploaderOther2').onsubmit = function () {
myfile = $('#fileInputOther2').val();
uploadFile('fileInputOther2', 'Other2', 'Other2View', myfile);
return false;
}

Quick Reply

Change Text Case: 
   
  • Similar Topics
    Replies
    Views
    Last post