Всем привет!
Есть вот такая хтмл страничка, которая позволяет отправить логин, пароль и некоторый список файлов постом на сервер.
Есть вот такая хтмл страничка, которая позволяет отправить логин, пароль и некоторый список файлов постом на сервер.
<html>
<head>
<title>Загрузка отчетов</title>
<style>
table {text-align:center;border:0px solid black;width:600px}
td {text-align:center;border:0px solid black;width:600px}
.tdLeft {text-align:left}
.tdRight {text-align:right}
</style>
<script type="text/javascript">
var maxFileId = 1;
var listFiles = "";
function createFormFile() {
var fileForms = document.getElementById("fileForms");
var divFile=document.createElement("DIV");
divFile.id = "divFile"+maxFileId;
divFile.innerHTML = "<input type=\"file\" name=\"report"+maxFileId+"\" id=\"idReport"+maxFileId+"\">";
divFile.innerHTML += "<a href=\"#\" style='cursorointer;visibility:hidden' id=\"delFile"+maxFileId+"\" onclick=\"deleteFormFile("+maxFileId+")\">Отменить</a>";
fileForms.appendChild(divFile);
maxFileId++;
}
function deleteFormFile(id) {
if(id == maxFileId-1)
return;
var fileForms = document.getElementById("fileForms");
var fileToDel = document.getElementById("divFile"+id);
fileForms.removeChild(fileToDel);
}
function createFiles() {
var form = document.getElementById("postForm");
if(document.URL[document.URL.length-1] != '/')
form.action = document.URL + '/' + 'upload';
else
form.action = document.URL + 'upload';
createFormFile();
checkLast();
}
function checkLast(){
var lastFile = document.getElementById("idReport"+(maxFileId-1));
var delFile = document.getElementById("delFile"+(maxFileId-1));
if(lastFile.value) {
delFile.style.visibility = "visible";
createFormFile();
}
setTimeout("checkLast();",200);
}
function getFiles(){
var i;
listFiles = "";
for(i=0;i<document.forms[0].elements.length;i++) {
if(document.forms[0].elements.type == "file")
listFiles += document.forms[0].elements.name + " ";
}
document.getElementById("fileList").value = listFiles.substr(0,listFiles.length-1);
}
</script>
</head>
<body onload="createFiles()">
<div align="center">
<form action="upload" enctype="multipart/form-data" method="post" onsubmit="getFiles();" id="postForm">
<table>
<tr><td colspan="2"><h2>Загрузка отчетов</h2>ver 1.1.2.7</td></tr>
<tr><td class="tdRight">Логин:</td><td class="tdLeft"><input type="text" name="login"></td></tr>
<tr><td class="tdRight">Пароль:</td><td class="tdLeft"><input type="password" name="password"></td></tr>
<tr><td colspan="2">
<b>Укажите файлы загружаемых отчетов</b><br>
<p id="fileForms">
</p>
</td></tr>
<tr><td colspan="2" class="tdRight">
<input type="hidden" name="fileList" value="" id="fileList">
<input type="submit" value="Отправить" >
</td></tr>
</table>
</form>
</div>
</body>
</html>
Необходимо на форме реализовать такой же функционал. Поле с логином, поле с паролем, поле с прикрепленными файлами и кнопка при нажатии на которую постом отправляется логин, пароль и файлы на указанный сервер.
Подскажите как это сделать?
<head>
<title>Загрузка отчетов</title>
<style>
table {text-align:center;border:0px solid black;width:600px}
td {text-align:center;border:0px solid black;width:600px}
.tdLeft {text-align:left}
.tdRight {text-align:right}
</style>
<script type="text/javascript">
var maxFileId = 1;
var listFiles = "";
function createFormFile() {
var fileForms = document.getElementById("fileForms");
var divFile=document.createElement("DIV");
divFile.id = "divFile"+maxFileId;
divFile.innerHTML = "<input type=\"file\" name=\"report"+maxFileId+"\" id=\"idReport"+maxFileId+"\">";
divFile.innerHTML += "<a href=\"#\" style='cursorointer;visibility:hidden' id=\"delFile"+maxFileId+"\" onclick=\"deleteFormFile("+maxFileId+")\">Отменить</a>";
fileForms.appendChild(divFile);
maxFileId++;
}
function deleteFormFile(id) {
if(id == maxFileId-1)
return;
var fileForms = document.getElementById("fileForms");
var fileToDel = document.getElementById("divFile"+id);
fileForms.removeChild(fileToDel);
}
function createFiles() {
var form = document.getElementById("postForm");
if(document.URL[document.URL.length-1] != '/')
form.action = document.URL + '/' + 'upload';
else
form.action = document.URL + 'upload';
createFormFile();
checkLast();
}
function checkLast(){
var lastFile = document.getElementById("idReport"+(maxFileId-1));
var delFile = document.getElementById("delFile"+(maxFileId-1));
if(lastFile.value) {
delFile.style.visibility = "visible";
createFormFile();
}
setTimeout("checkLast();",200);
}
function getFiles(){
var i;
listFiles = "";
for(i=0;i<document.forms[0].elements.length;i++) {
if(document.forms[0].elements.type == "file")
listFiles += document.forms[0].elements.name + " ";
}
document.getElementById("fileList").value = listFiles.substr(0,listFiles.length-1);
}
</script>
</head>
<body onload="createFiles()">
<div align="center">
<form action="upload" enctype="multipart/form-data" method="post" onsubmit="getFiles();" id="postForm">
<table>
<tr><td colspan="2"><h2>Загрузка отчетов</h2>ver 1.1.2.7</td></tr>
<tr><td class="tdRight">Логин:</td><td class="tdLeft"><input type="text" name="login"></td></tr>
<tr><td class="tdRight">Пароль:</td><td class="tdLeft"><input type="password" name="password"></td></tr>
<tr><td colspan="2">
<b>Укажите файлы загружаемых отчетов</b><br>
<p id="fileForms">
</p>
</td></tr>
<tr><td colspan="2" class="tdRight">
<input type="hidden" name="fileList" value="" id="fileList">
<input type="submit" value="Отправить" >
</td></tr>
</table>
</form>
</div>
</body>
</html>
Необходимо на форме реализовать такой же функционал. Поле с логином, поле с паролем, поле с прикрепленными файлами и кнопка при нажатии на которую постом отправляется логин, пароль и файлы на указанный сервер.
Подскажите как это сделать?