I want to upload files asynchronously using jQuery. This is my HTML:
<input type="file" id="f" name="f"/>
<input id="upload" type="button" value="Upload"/>
And here my JavaScript code:
$(document).ready(function () {
$("#upload").click(function () {
var filename = $("#f").val();
$.ajax({
type: "POST",
url: "addFile.do",
enctype: 'multipart/form-data',
data: {
file: filename
},
success: function () {
alert("All Files Have Been Uploaded ");
}
});
});
});
I am getting file names only instead of actual file which I have uploaded
I am using theThis Plugin to upload files.