Как отобразить путь к файлу из тега входного файла?

Question

У меня есть экран, как показано на рисунке ниже. После выбора файла мне нужно отобразить имя выбранного файла с полным путем в «Импортировать файлы». alt text http://img821.imageshack.us/img821/2844/fileupload.jpg

Полагаю, это было сделано с помощью JavaScript. Кто-то, пожалуйста, дайте мне идею, как добиться этой функциональности.

Answer 1

Вы можете динамически генерировать элемент <tr> для представления строки в вашей таблице.Например:

function AddRow(int serialNumber, string fileName)
{
   var table = document.getElementById('tableId');
   table.innerHtml += "<tr><td>" + serialNumber + "</td><td>" + fileName+ "</td></tr>
}

Также правда в том, что вы не можете перехватить полный путь к файлу в javascript.Вы можете получить только имя файла и поместить его в свою таблицу.

Вы можете запустить его как событие для события onchange ввода:

<input type="file" onchange="javascript:AddRow(serialNumber, this.value); serialNumber++;">

Также вы должны объявитьсвойство вашего серийного номера где-то в верхней части вашего файла, например,

<script type="text/javascript">var serialNumber = 0;</script>

Answer 2

Надеюсь.
это структура таблицы, поэтому выполните следующие шаги
1) разрешить пользователю просматривать и выбирать файл.
2) при нажатии кнопки «Добавить файлы» добавить текст из файла ввода в строку таблицы вот помощь