• 0

كيف أجعل رابط يظهر كمدخل لتحميل الملفات باستخدام Jqeury؟

أريد إخفاء حقل لتحميل ملف، وإظهاره بعد الضغط على رابط href، وبعد رؤية العديد من الأمثلة، توصلت إلى هذا الكود الذي يمثل كود Html و كود Jquery:

<input id="ad-docs[]" type="file" name="ad-docs[]" multiple="multiple" style="display:none;"/>
    <a id="upload_link" class="button-link button-link-blue">BROWSE</a>

jquery:

$("#upload_link").click(function(){
    $("#ad-docs[]").click();
});

ولا أعلم أين موضع الخطأ، أم أن الكود لا يصلح لهذا الغرض؟ ما الحل الذي بإمكاني فعله لحل المشكل؟

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

الطريقة التي اتبعت هي الصحيحة، فقط هناك خطأ ارتكبته أثناء كتابتك للكود، حيث من الواجب كتابة المحدد id في كود javascript داخل []، أي أن الكود السابق سيصبح بالشكل التالي:

$("#upload_link").click(function(){
    $("[id='ad-docs[]']").click();
});

وكود html سيبقى كما هو:

<input id="ad-docs[]" type="file" name="ad-docs[]" multiple="multiple" style="display:none;"/>
    <a id="upload_link" class="button-link button-link-blue">BROWSE</a>

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن