Javascript köməklik

Salam. Mən internetdən file upload edən javascript tapdım. Və bunu öz tətbiqetməmə quraşdırdım. Amma bu skript sadəcə file adlı xananı post edir. Amma mən istəyirəm ki file, artist və title xanalarını post etsin.

Original kod:

function uploadFile() {
var fd = new FormData();
fd.append("file", document.getElementById('file').files[0]);
var xhr = new XMLHttpRequest();
xhr.upload.addEventListener("progress", uploadProgress, false);
xhr.addEventListener("load", uploadComplete, false);
xhr.addEventListener("error", uploadFailed, false);
xhr.addEventListener("abort", uploadCanceled, false);
xhr.open("POST", "http://paylash.biz/upload.php");
xhr.send(fd);
}

Mənim hazırladığım kod:

function uploadFile() {
var fd = new FormData();
fd.append("file", document.getElementById('file').files[0]);
fd.append("artist", document.getElementById('artist').files[0]);
fd.append("title", document.getElementById('title').files[0]);
var xhr = new XMLHttpRequest();
xhr.upload.addEventListener("progress", uploadProgress, false);
xhr.addEventListener("load", uploadComplete, false);
xhr.addEventListener("error", uploadFailed, false);
xhr.addEventListener("abort", uploadCanceled, false);
xhr.open("POST", "upload.php");
xhr.send(fd);
}

Və HTML form:

<form id="form1" enctype="multipart/form-data" method="post" action="http://paylash.biz/upload.php">
<div class="row">
<label for="file">Select a File to Upload</label><br />
<input type="file" name="file" id="file" onchange="fileSelected();"/><br>
<input type="text" name="artist" id="artist"/><br>
<input type="text" name="title" id="title"/><br>
</div>
<div id="fileName"></div>
<div id="fileSize"></div>
<div id="fileType"></div>
<div class="row">
<input type="button" onclick="uploadFile()" value="Upload" />
</div>
<div id="progressNumber"></div>
</form>