The new xmlhttprequest is now has capibility to upload files from the client (javascript) to the sever (controller) with the help of FormData object.
this is our partial sample we trying to do
in the VisualForce page we did
<input type="file" id="files" name="files[]" multiple="true" />
<script>
document.getElementById('files').addEventListener('change', handleFileSelect, false);
function handleFileSelect(evt) {
for (var i = 0, f; f = files[i]; i++) {
uploadFile(f);
}
}
function uploadFile(file) {
var formData = new FormData();
formData.append("myfile", file);
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function(e) {
if (xhr.readyState == 4) {
}
}
xhr.open("POST", "/apex/vf_DragAndDrop", true);
xhr.setRequestHeader("X_FILENAME", file.name);
xhr.send(formData);
};
}
</script>
This is what we did in the VF Page.
as we understand when using the FormData with the file in it, it basically as we pressed sibmit button.
what we are missing is how in the controller we should get the file and convert it to document so we can attach the file to an object like Account or any other object we would like.
eventually we would like to use drag & drop of html 5 to upload files...
hope for any help to show us how we could get the file in the controller according to our sample
TIA
Hello Bitya,
May I suggest also reposting this on the the developer forum at developer.force.com. Thanks.
