كيف يمكنني استخدام الرابط بدلا من تصفح زر إرفاق ملف ؟

Question

لدي النموذج كما يلي:

<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>

وما يرتبط بها من جافا سكريبت أن يسير جنبا إلى جنب معها.

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);
}

هذا يعمل كبيرة على أي ولكن لا يعمل في فايرفوكس 3.5.1.هل هناك طريقة أخرى للحصول على نفس النتيجة في FF 3.5.1 أو في وقت لاحق فقط باستخدام dhtml/جافا سكريبت (لا فلاش ، الخ) ؟

يمكننا استخدام CSS إلى اللباس "إرفاق ملف" الرابط لكن لا يمكننا تغيير تخطيط زر التصفح فايرفوكس يضع النموذج.فإن أي حل يتيح لنا عبر وكيل انقر فوق الزر استعراض ملف, ولكن هذا لا يعمل تحت فايرفوكس.

شكرا مقدما, بيتر

Answer 1

هنا هو ما تبحث عنه ، وأعتقد

التصميم مدخلا type="file"