Как использовать ссылку вместо кнопки просмотра, чтобы прикрепить файл? - PullRequest
0 голосов
/ 03 августа 2009

У меня есть форма, подобная следующей:

<form id="submit_idea" name="submit_idea" method="post" action="">
  <a class="attach" title="Attach a file" onclick="clickAttachment()"
     href="javascript:void(0)">Attach File</a>
  <span id="id_filename"/>
  <input id="id_attachment" type="file" name="attachment"/>
  <input class="submit_btn" type="image" alt="Submit Idea" src="/static/img/submit_idea.png"/>
</form>

И связанный с ним javascript.

function updateAttachment() {
    var val = $("#id_attachment").attr("value");
    if (val) {
        var name = val.split('\\');
        $("#id_filename").html(name[name.length - 1]);
    }
    else {
        setTimeout(updateAttachment, 500);
    }
}

function clickAttachment() {
    jQuery('#id_attachment').click();
    setTimeout(updateAttachment, 500);
}

Это прекрасно работает для IE, но совсем не работает для FireFox 3.5.1. Есть ли другой способ получить тот же результат в FF 3.5.1 или новее, просто используя dhtml / javascript (без Flash и т.

Мы можем использовать CSS для оформления ссылки «Attach File», но мы не можем изменить расположение кнопки просмотра, которую FireFox помещает для формы. Решение IE позволяет нам через прокси-сервер нажать кнопку, чтобы найти файл, но это не работает в FireFox.

Заранее спасибо, -петер

1 Ответ

1 голос
/ 04 августа 2009

Вот то, что вы ищете, я полагаю

Стилизация типа ввода = "файл"

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...