Ajax File upload

[ramg80]

Hi,

I m using ajax to upload a file. I m using servlets (MultipartFormDataRequest) to upload the file.

My script contains the form data and the file. I m able to get the values of the form data.

Can any one please tell me what i m missing here.

var boundaryString = 'AaB03x';
var boundary = boundaryString;
 
         var requestBody = setBody(document.getElementById('clientId'),boundary);
         requestBody += setBody(document.getElementById('feed_format'),boundary);
         requestBody += setBody(document.getElementById('delimiter'),boundary);
         requestBody += setBody(document.getElementById('qualifier'),boundary);
         requestBody += setBody(document.getElementById('applicationId'),boundary);
         requestBody += setBody(document.getElementById('applicationName'),boundary);
         //requestBody += setBody(document.getElementById('upload'),boundary);
         requestBody += setFile(document.getElementById('upload'),boundary);
 requestBody += "--" + boundary;
 
function setBody(element, boundary){
        alert(element.name + ", " + element.value);
        var requestBody = "--" + boundary + "\r\n";
        requestBody += "Content-Disposition: form-data; name=\"" + element.name + "\"" + "\r\n\r\n";
        requestBody += element.value + "\r\n";
        return requestBody;
}
 
function setFile(element, boundary){
        alert(element.name + ", " + element.value);
        var requestBody = "--" + boundary + "\r\n";
        requestBody += "Content-Disposition: form-data; name=\"" + element.name + "\"" + "\r\n\r\n";
        //requestBody += element.value + "\r\n\r\r";
        requestBody += "filename="+element.value+"\r\n"+"Content-Type: text/plain\r\n";
        return requestBody;
}
 

The above sets the boundary for the form fields, How do i set content type and disposition elements for file element.



Thanks & Regards
ram

[ramg80]

Hi,

I m using ajax to upload a file. I m using servlets (MultipartFormDataRequest) to upload the file.

My script contains the form data and the file. I m able to get the values of the form data.

Can any one please tell me what i m missing here.

var boundaryString = 'AaB03x';
var boundary = boundaryString;
 
         var requestBody = setBody(document.getElementById('clientId'),boundary);
         requestBody += setBody(document.getElementById('feed_format'),boundary);
         requestBody += setBody(document.getElementById('delimiter'),boundary);
         requestBody += setBody(document.getElementById('qualifier'),boundary);
         requestBody += setBody(document.getElementById('applicationId'),boundary);
         requestBody += setBody(document.getElementById('applicationName'),boundary);
         //requestBody += setBody(document.getElementById('upload'),boundary);
         requestBody += setFile(document.getElementById('upload'),boundary);
 requestBody += "--" + boundary;
 
function setBody(element, boundary){
        alert(element.name + ", " + element.value);
        var requestBody = "--" + boundary + "\r\n";
        requestBody += "Content-Disposition: form-data; name=\"" + element.name + "\"" + "\r\n\r\n";
        requestBody += element.value + "\r\n";
        return requestBody;
}
 
function setFile(element, boundary){
        alert(element.name + ", " + element.value);
        var requestBody = "--" + boundary + "\r\n";
        requestBody += "Content-Disposition: form-data; name=\"" + element.name + "\"" + "\r\n\r\n";
        //requestBody += element.value + "\r\n\r\r";
        requestBody += "filename="+element.value+"\r\n"+"Content-Type: text/plain\r\n";
        return requestBody;
}
 

The above sets the boundary for the form fields, How do i set content type and disposition elements for file element.



Thanks & Regards
ram

Hi,

I m able to upload the file to my server location, But the problem is it stroring the details.


Could any one help me in this regards.

The below is the script which is used to organize the request header.

function setFile(element, boundary){
        alert(element.name + ", " + element.value);
        var requestBody = "--" + boundary + "\r\n";
        requestBody += "Content-Disposition: form-data; name=\"" + element.name + "\";filename=\"" + element.value +"\""+ "\r\n\r\n";
        requestBody += "Content-Type: text/plain\r\n";
        return requestBody;
}
 

Result is the file is getting uploaded but failed to save the content.. The content in thew file is Content-Type: text/plain



Please reply .

Thanks & regards
Ram

[acoder]

See this thread. Use an iframe to upload a file without reloading the whole page.

[pbmods]

Heya, Ram.

Please use CODE tags when posting source code:

[CODE=javascript]
JavaScript code goes here.
[/CODE]

[ramg80]

Heya, Ram.

Please use CODE tags when posting source code:

JavaScript code goes here.
 

pbmods,

I m new to the community discussions.., Sorry N thanks..

[ramg80]

See this thread. Use an iframe to upload a file without reloading the whole page.

Thanks a lot Buddy. I got the solution

[acoder]

Glad to hear you got it working.