Как заменить кнопку обзора выбранным путем к файлу в jsp?

Question

Как заменить кнопку обзора выбранным путем к файлу в jsp?

0

У меня есть таблица, содержащая строку с кнопкой браузера и текстовое поле.

Если вы нажмете кнопку обзора и выберите файл, то он покажет вам путь к файлу, кроме кнопки обзора, но я хочу заменить кнопку обзора на выбранный путь к файлу.

Может ли кто-нибудь разрешить это?

Вы можете проверить @http://jsfiddle.net/AGSt5/1/

 <html>
 <head>

   <script type="text/javascript" 
   src="/jquery.min.js"></script>
   <script type="text/javascript">
   $(document).ready(function () {
   $('#btnAdd').click(function () {
    $clone_row = $('#FirstRow').clone(true);
    $clone_row.appendTo('#listfiles');
    var row_len = $('#listfiles tr').length;
    var file_name = 'File ' + row_len + ':';
    $clone_row.find('span.file_name').text(file_name);

   });
   });

   function deleteRow(btn) {
    $(btn).parent().parent().remove();
  $('#listfiles tr').each(function (i) {
    var index = i + 1;
    $('td:first .file_name', this).text('File ' + index + ':');
   })
 }
   </script>
  </head>

  <body>
 <table id="listfiles">
 <tr id="FirstRow">
    <td>    <span class="file_name">File 1:</span>

        <input type="file" name="filename" id="filename" value="xyz" />Description:
        <input type="text" name="description" id="filename" value="" />
        <a href="#" onclick="deleteRow(this);">DeleteFile</a>

    </td>

 </tr>
 </table> <a href="#" id="btnAdd">Add additional file</a> 
</body>
 </html>

preeth 29 нояб. 2013, в 10:11

Источник

0

эй, спасибо, что исправили мой вопрос, но не могли бы вы сделать все необходимое ....
preeth 29 нояб. 2013, в 09:38

Теги:

jquery

jsp

1 ответ

Ещё вопросы

эй, спасибо, что исправили мой вопрос, но не могли бы вы сделать все необходимое ....

mplungjan · Answer 1 · 2013-11-29T06-40-00.000Z

Как это? Примечание. Мне нужно было перейти на более высокую версию jQuery - также вы можете удалить fakepath, и вы ДОЛЖНЫ изменить идентификаторы, чтобы они были уникальными

Демо-версия

$(function () {
  var $firstRow = $(".Row").first().clone(true);
  $('#btnAdd').click(function () {
    $clone_row = $firstRow.clone(true);
    $clone_row.find("input").val("");
    $clone_row.appendTo('#listfiles');
    var row_len = $('#listfiles tr').length;
    var file_name = 'File ' + row_len + ':';
    $clone_row.find('span.file_name').text(file_name);

});
$(".fileUpload").on("change",function() {
    $(this).hide();
    $(this).after($(this).val())
});

нет проблем ,,,, любая версия jquery хорошо для меня ... но посмотрите на вашу живую демонстрацию один раз .... после выбора файла, нажав на кнопку обзора, а затем, если вы нажмете добавить дополнительную ссылку, то это приносит та же строка с тем же расположением файла, но если всякий раз, когда вы нажимаете добавить дополнительную кнопку, новая строка должна появиться без каких-либо значений просто пусто ....