ਵਰਡਪਰੈਸ ਵਿੱਚ ਡਰੈਗ ਐਂਡ ਡ੍ਰੌਪ ਫਾਈਲ ਅਪਲੋਡ ਨੂੰ ਕਿਵੇਂ ਸਮਰੱਥ ਬਣਾਇਆ ਜਾਵੇ

ਇੱਕ ਬਟਨ 'ਤੇ ਕਲਿੱਕ ਕਰਨਾ, ਫੋਲਡਰਾਂ ਵਿੱਚ ਨੈਵੀਗੇਟ ਕਰਨਾ, ਫਾਈਲਾਂ ਦੀ ਚੋਣ ਕਰਨਾ—ਰਵਾਇਤੀ ਅਪਲੋਡ ਪ੍ਰਕਿਰਿਆ ਕੰਮ ਕਰਦੀ ਹੈ, ਪਰ ਇਹ ਔਖੀ ਹੈ। ਖਿੱਚੋ ਅਤੇ ਸੁੱਟੋ ਇਹੀ ਹੈ ਜੋ ਉਪਭੋਗਤਾ 2024 ਵਿੱਚ ਉਮੀਦ ਕਰਦੇ ਹਨ। ਉਹ ਆਪਣੇ ਡੈਸਕਟਾਪ ਤੋਂ ਫਾਈਲਾਂ ਨੂੰ ਫੜਨਾ ਚਾਹੁੰਦੇ ਹਨ ਅਤੇ ਉਹਨਾਂ ਨੂੰ ਸਿੱਧੇ ਤੁਹਾਡੇ ਫਾਰਮ 'ਤੇ ਸੁੱਟਣਾ ਚਾਹੁੰਦੇ ਹਨ।

ਇਸ ਗਾਈਡ ਵਿੱਚ, ਤੁਸੀਂ ਸਿੱਖੋਗੇ ਕਿ ਇੱਕ ਆਧੁਨਿਕ, ਅਨੁਭਵੀ ਉਪਭੋਗਤਾ ਅਨੁਭਵ ਲਈ ਆਪਣੇ ਵਰਡਪ੍ਰੈਸ ਫਾਰਮਾਂ ਵਿੱਚ ਡਰੈਗ ਅਤੇ ਡ੍ਰੌਪ ਫਾਈਲ ਅਪਲੋਡ ਨੂੰ ਕਿਵੇਂ ਸਮਰੱਥ ਬਣਾਉਣਾ ਹੈ।

ਡਰੈਗ ਐਂਡ ਡ੍ਰੌਪ ਕਿਉਂ ਮਾਇਨੇ ਰੱਖਦਾ ਹੈ

ਤੇਜ਼ ਅੱਪਲੋਡ

• ਫਾਈਲ ਡਾਇਲਾਗਾਂ ਰਾਹੀਂ ਕੋਈ ਨੈਵੀਗੇਟ ਨਹੀਂ ਕੀਤਾ ਜਾ ਰਿਹਾ ਹੈ
• ਇੱਕ ਗਤੀ ਵਿੱਚ ਚੁਣੋ ਅਤੇ ਛੱਡੋ
• ਤੁਰੰਤ ਕਈ ਫਾਈਲਾਂ ਅਪਲੋਡ ਕਰੋ

ਬਿਹਤਰ ਉਪਭੋਗਤਾ ਅਨੁਭਵ

• ਸਹਿਜ—ਉਪਭੋਗਤਾ ਡਰੈਗ ਅਤੇ ਡ੍ਰੌਪ ਨੂੰ ਸਮਝਦੇ ਹਨ
• ਆਧੁਨਿਕ ਅਤੇ ਸ਼ਾਨਦਾਰ ਮਹਿਸੂਸ ਹੁੰਦਾ ਹੈ
• ਫਾਰਮ ਕੰਪਲੀਟੇਸ਼ਨ ਵਿੱਚ ਰਗੜ ਘਟਾਉਂਦਾ ਹੈ।

ਉੱਚ ਪੂਰਤੀ ਦਰਾਂ

• ਆਸਾਨ ਅਪਲੋਡ ਦਾ ਮਤਲਬ ਹੈ ਘੱਟ ਛੱਡੇ ਗਏ ਫਾਰਮ
• ਜਦੋਂ ਇਹ ਸਰਲ ਹੁੰਦਾ ਹੈ ਤਾਂ ਉਪਭੋਗਤਾਵਾਂ ਦੁਆਰਾ ਫਾਈਲਾਂ ਅਟੈਚ ਕਰਨ ਦੀ ਜ਼ਿਆਦਾ ਸੰਭਾਵਨਾ ਹੁੰਦੀ ਹੈ
• ਪੇਸ਼ੇਵਰ ਦਿੱਖ ਵਿਸ਼ਵਾਸ ਪੈਦਾ ਕਰਦੀ ਹੈ

ਮੋਬਾਈਲ ਫੋਨ ਦੀ ਦੋਸਤਾਨਾ

• ਮੋਬਾਈਲ 'ਤੇ ਸਟੈਂਡਰਡ ਫਾਈਲ ਪਿਕਰ 'ਤੇ ਸ਼ਾਨਦਾਰ ਵਾਪਸੀ
• ਟੱਚ ਡਿਵਾਈਸਾਂ ਨੂੰ ਮੂਲ ਫਾਈਲ ਚੋਣ ਮਿਲਦੀ ਹੈ
• ਕੋਈ ਟੁੱਟੀ ਹੋਈ ਕਾਰਜਸ਼ੀਲਤਾ ਨਹੀਂ

ਡਰੈਗ ਐਂਡ ਡ੍ਰੌਪ ਕਿਵੇਂ ਕੰਮ ਕਰਦਾ ਹੈ

ਯੂਜ਼ਰ ਅਨੁਭਵ

1. ਯੂਜ਼ਰ ਤੁਹਾਡੇ ਫਾਰਮ 'ਤੇ ਇੱਕ ਡ੍ਰੌਪ ਜ਼ੋਨ ਦੇਖਦਾ ਹੈ।
2. ਉਹ ਆਪਣੇ ਡੈਸਕਟਾਪ/ਫੋਲਡਰ ਤੋਂ ਫਾਈਲਾਂ ਖਿੱਚਦੇ ਹਨ
3. ਜਦੋਂ ਫਾਈਲਾਂ ਇਸ ਉੱਤੇ ਘੁੰਮਦੀਆਂ ਹਨ ਤਾਂ ਜ਼ੋਨ ਹਾਈਲਾਈਟਸ ਨੂੰ ਛੱਡੋ
4. ਫਾਈਲਾਂ ਛੱਡ ਦਿੱਤੀਆਂ ਜਾਂਦੀਆਂ ਹਨ ਅਤੇ ਅਪਲੋਡ ਸ਼ੁਰੂ ਹੋ ਜਾਂਦੇ ਹਨ।
5. ਪੂਰਵਦਰਸ਼ਨ/ਪੁਸ਼ਟੀਕਰਣ ਅਪਲੋਡ ਸਫਲਤਾ ਦਿਖਾਉਂਦਾ ਹੈ

ਵਿਜ਼ੂਅਲ ਫੀਡਬੈਕ

ਵਧੀਆ ਡਰੈਗ ਐਂਡ ਡ੍ਰੌਪ ਦ੍ਰਿਸ਼ਟੀਗਤ ਸੰਕੇਤ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ:

• ਡਿਫਾਲਟ ਸਥਿਤੀ: ਨਿਰਦੇਸ਼ਾਂ ਦੇ ਨਾਲ ਡ੍ਰੌਪ ਜ਼ੋਨ ਸਾਫ਼ ਕਰੋ
• ਘਸੀਟੋ: ਜ਼ੋਨ ਹਾਈਲਾਈਟਸ, ਬਾਰਡਰ ਰੰਗ ਬਦਲਦਾ ਹੈ
• ਸੁੱਟੋ: ਫਾਈਲਾਂ ਪ੍ਰੀਵਿਊ ਖੇਤਰ ਵਿੱਚ ਦਿਖਾਈ ਦਿੰਦੀਆਂ ਹਨ
• ਅਪਲੋਡ ਕੀਤਾ ਜਾ ਰਿਹਾ ਹੈ: ਪ੍ਰਗਤੀ ਸੂਚਕ
• ਮੁਕੰਮਲ: ਸਫਲਤਾ ਦੀ ਪੁਸ਼ਟੀ

ਡ੍ਰੌਪ ਜ਼ੋਨ ਡਿਜ਼ਾਈਨ

ਆਮ ਡ੍ਰੌਪ ਜ਼ੋਨ ਤੱਤ:

┌────────────────────────────────────┐ │ │ 📁 ਫਾਈਲਾਂ ਨੂੰ ਇੱਥੇ ਘਸੀਟੋ ਜਾਂ │ │ ਬ੍ਰਾਊਜ਼ ਕਰਨ ਲਈ ਕਲਿੱਕ ਕਰੋ │ │ │ │ ਸਵੀਕਾਰ ਕੀਤਾ ਗਿਆ: PDF, JPG, PNG │ │ ਵੱਧ ਤੋਂ ਵੱਧ ਆਕਾਰ: 10MB │ │ │ └────────────────────────────────────────┘

ਡਰੈਗ ਐਂਡ ਡ੍ਰੌਪ ਅਪਲੋਡ ਸੈੱਟਅੱਪ ਕਰਨਾ

ਇੱਥੇ ਡਰੈਗ ਐਂਡ ਡ੍ਰੌਪ ਨੂੰ ਕਿਵੇਂ ਸਮਰੱਥ ਬਣਾਉਣਾ ਹੈ ਆਟੋ ਫਾਰਮ ਬਿਲਡਰ:

ਕਦਮ 1: ਆਟੋ ਫਾਰਮ ਬਿਲਡਰ ਸਥਾਪਤ ਕਰੋ

1. ਜਾਓ ਪਲੱਗਇਨ → ਨਵਾਂ ਸ਼ਾਮਲ ਕਰੋ
2. ਲਈ ਖੋਜ "ਏ.ਐਫ.ਬੀ.” (ਆਟੋ ਫਾਰਮ ਬਿਲਡਰ ਲਈ ਛੋਟਾ ਨਾਮ)
3. ਲੱਭੋ "AFB – ਆਟੋ ਫਾਰਮ ਬਿਲਡਰ – ਡਰੈਗ ਐਂਡ ਡ੍ਰੌਪ ਫਾਰਮ ਸਿਰਜਣਹਾਰ"
4. ਕਲਿਕ ਕਰੋ ਹੁਣ ਇੰਸਟਾਲ, ਫਿਰ ਸਰਗਰਮ ਕਰੋ

ਕਦਮ 2: ਇੱਕ ਫਾਈਲ ਅਪਲੋਡ ਖੇਤਰ ਸ਼ਾਮਲ ਕਰੋ

1. ਆਪਣਾ ਫਾਰਮ ਬਣਾਓ ਜਾਂ ਸੰਪਾਦਿਤ ਕਰੋ
2. ਡ੍ਰੈਗ ਕਰੋ ਫਾਇਲ ਅੱਪਲੋਡ ਕਰੋ ਆਪਣੇ ਫਾਰਮ ਉੱਤੇ ਖੇਤਰ ਬਣਾਓ
3. ਫੀਲਡ ਸੈਟਿੰਗਾਂ ਖੋਲ੍ਹਣ ਲਈ ਕਲਿੱਕ ਕਰੋ

ਕਦਮ 3: ਡਰੈਗ ਐਂਡ ਡ੍ਰੌਪ ਬਿਲਟ-ਇਨ ਹੈ

ਖ਼ੁਸ਼ ਖ਼ਬਰੀ: ਆਟੋ ਫਾਰਮ ਬਿਲਡਰ ਦੇ ਫਾਈਲ ਅਪਲੋਡ ਫੀਲਡ ਵਿੱਚ ਡਿਫੌਲਟ ਤੌਰ 'ਤੇ ਡਰੈਗ ਅਤੇ ਡ੍ਰੌਪ ਸ਼ਾਮਲ ਹੁੰਦਾ ਹੈ। ਕਿਸੇ ਖਾਸ ਸੰਰਚਨਾ ਦੀ ਲੋੜ ਨਹੀਂ ਹੈ।

ਅਪਲੋਡ ਜ਼ੋਨ ਆਪਣੇ ਆਪ:

• ਖਿੱਚੀਆਂ ਗਈਆਂ ਫਾਈਲਾਂ ਨੂੰ ਸਵੀਕਾਰ ਕਰਦਾ ਹੈ
• ਡਰੈਗ ਓਵਰ 'ਤੇ ਹਾਈਲਾਈਟਸ
• ਡ੍ਰੌਪ ਤੋਂ ਬਾਅਦ ਫਾਈਲ ਪ੍ਰੀਵਿਊ ਦਿਖਾਉਂਦਾ ਹੈ
• ਮੋਬਾਈਲ 'ਤੇ ਕਲਿੱਕ-ਟੂ-ਬ੍ਰਾਊਜ਼ 'ਤੇ ਵਾਪਸ ਆ ਗਿਆ ਹੈ

ਕਦਮ 4: ਅੱਪਲੋਡ ਖੇਤਰ ਨੂੰ ਅਨੁਕੂਲਿਤ ਕਰੋ

ਆਪਣੀਆਂ ਅੱਪਲੋਡ ਖੇਤਰ ਸੈਟਿੰਗਾਂ ਨੂੰ ਕੌਂਫਿਗਰ ਕਰੋ:

ਮਨਜ਼ੂਰਸ਼ੁਦਾ ਫਾਈਲ ਕਿਸਮਾਂ

• ਚੁਣੋ ਕਿ ਕਿਹੜੀਆਂ ਫਾਈਲ ਸ਼੍ਰੇਣੀਆਂ ਸਵੀਕਾਰ ਕਰਨੀਆਂ ਹਨ
• ਤਸਵੀਰਾਂ, ਦਸਤਾਵੇਜ਼, ਸਪ੍ਰੈਡਸ਼ੀਟਾਂ, ਆਦਿ।

ਅਧਿਕਤਮ ਫ਼ਾਈਲ ਆਕਾਰ

• ਪ੍ਰਤੀ-ਫਾਈਲ ਆਕਾਰ ਸੀਮਾ ਸੈੱਟ ਕਰੋ
• ਵੱਡੇ ਆਕਾਰ ਦੇ ਅੱਪਲੋਡਾਂ ਨੂੰ ਰੋਕਦਾ ਹੈ

ਮਲਟੀਪਲ ਫਾਈਲਾਂ

• ਕਈ ਛੱਡੀਆਂ ਗਈਆਂ ਫਾਈਲਾਂ ਨੂੰ ਸਵੀਕਾਰ ਕਰਨ ਲਈ ਸਮਰੱਥ ਬਣਾਓ
• ਘੱਟੋ-ਘੱਟ/ਵੱਧ ਤੋਂ ਵੱਧ ਸੀਮਾਵਾਂ ਸੈੱਟ ਕਰੋ

ਕਸਟਮ ਲੇਬਲ

• ਫੀਲਡ ਲੇਬਲ: “ਡਾਕੂਮੈਂਟ ਅੱਪਲੋਡ ਕਰੋ”
• ਮਦਦ ਟੈਕਸਟ: "ਫਾਈਲਾਂ ਨੂੰ ਇੱਥੇ ਖਿੱਚੋ ਜਾਂ ਬ੍ਰਾਊਜ਼ ਕਰਨ ਲਈ ਕਲਿੱਕ ਕਰੋ"

ਕਦਮ 5: ਡ੍ਰੌਪ ਜ਼ੋਨ ਨੂੰ ਸਟਾਈਲ ਕਰੋ (ਵਿਕਲਪਿਕ)

ਦਿੱਖ ਨੂੰ ਅਨੁਕੂਲਿਤ ਕਰਨ ਲਈ ਫਾਰਮ ਸਟਾਈਲਿੰਗ ਦੀ ਵਰਤੋਂ ਕਰੋ:

• ਬਾਰਡਰ ਸਟਾਈਲ ਅਤੇ ਰੰਗ
• ਪਿਛੋਕੜ ਦਾ ਰੰਗ
• ਆਈਕਨ ਜਾਂ ਚਿੱਤਰ
• ਹੋਵਰ/ਐਕਟਿਵ ਸਟੇਟਸ

ਡ੍ਰੌਪ ਜ਼ੋਨ ਦੇ ਸਭ ਤੋਂ ਵਧੀਆ ਅਭਿਆਸ

1. ਇਸਨੂੰ ਦ੍ਰਿਸ਼ਮਾਨ ਬਣਾਓ

ਡ੍ਰੌਪ ਜ਼ੋਨ ਸਪੱਸ਼ਟ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ:

• ਸਾਫ਼ ਬਾਰਡਰ (ਡੈਸ਼ਡ ਬਾਰਡਰ ਰਵਾਇਤੀ ਹਨ)
• ਕਾਫ਼ੀ ਆਕਾਰ (ਛੋਟਾ ਨਹੀਂ)
• ਫਾਈਲ ਅਪਲੋਡ ਨੂੰ ਦਰਸਾਉਂਦਾ ਆਈਕਨ (ਫੋਲਡਰ, ਕਲਾਉਡ, ਤੀਰ)

2. ਸਪੱਸ਼ਟ ਹਦਾਇਤਾਂ ਸ਼ਾਮਲ ਕਰੋ

ਉਪਭੋਗਤਾਵਾਂ ਨੂੰ ਦੱਸੋ ਕਿ ਕੀ ਕਰਨਾ ਹੈ:

• "ਫਾਈਲਾਂ ਨੂੰ ਇੱਥੇ ਘਸੀਟੋ"
• “ਜਾਂ ਬ੍ਰਾਊਜ਼ ਕਰਨ ਲਈ ਕਲਿੱਕ ਕਰੋ”
• ਸਵੀਕਾਰ ਕੀਤੀਆਂ ਫਾਈਲ ਕਿਸਮਾਂ ਦਿਖਾਓ

3. ਵਿਜ਼ੂਅਲ ਫੀਡਬੈਕ ਪ੍ਰਦਾਨ ਕਰੋ

ਉਪਭੋਗਤਾਵਾਂ ਨੂੰ ਇਹ ਜਾਣਨ ਦੀ ਜ਼ਰੂਰਤ ਹੁੰਦੀ ਹੈ ਕਿ ਸਿਸਟਮ ਕੀ ਜਵਾਬ ਦਿੰਦਾ ਹੈ:

• ਹੋਵਰ ਕਰਨ 'ਤੇ ਰੰਗ ਬਦਲਣਾ
• ਘਸੀਟਦੇ ਸਮੇਂ ਬਾਰਡਰ ਹਾਈਲਾਈਟ
• “ਅੱਪਲੋਡ ਕਰਨ ਲਈ ਜਾਰੀ ਕਰੋ” ਸੁਨੇਹਾ

4. ਅਪਲੋਡ ਪ੍ਰਗਤੀ ਦਿਖਾਓ

ਵੱਡੀਆਂ ਫਾਈਲਾਂ ਲਈ:

• ਅੱਪਲੋਡ ਦੌਰਾਨ ਪ੍ਰਗਤੀ ਪੱਟੀ
• ਪ੍ਰਤੀਸ਼ਤ ਪੂਰਾ
• ਫਾਈਲ ਨਾਮ ਅਪਲੋਡ ਕੀਤਾ ਜਾ ਰਿਹਾ ਹੈ

5. ਸਫਲਤਾ ਦੀ ਪੁਸ਼ਟੀ ਕਰੋ

ਅਪਲੋਡ ਪੂਰਾ ਹੋਣ ਤੋਂ ਬਾਅਦ:

• ਫਾਈਲ ਨਾਮ/ਥੰਬਨੇਲ ਦਿਖਾਓ
• ਚੈੱਕਮਾਰਕ ਜਾਂ ਸਫਲਤਾ ਸੂਚਕ
• ਹਟਾਉਣ ਅਤੇ ਦੁਬਾਰਾ ਕੋਸ਼ਿਸ਼ ਕਰਨ ਦਾ ਵਿਕਲਪ

6. ਤਰੁੱਟੀਆਂ ਨੂੰ ਸੁੰਦਰਤਾ ਨਾਲ ਸੰਭਾਲੋ

ਜਦੋਂ ਕੁਝ ਗਲਤ ਹੋ ਜਾਂਦਾ ਹੈ:

• ਗਲਤੀ ਸੁਨੇਹਾ ਸਾਫ਼ ਕਰੋ ("ਫਾਇਲ ਬਹੁਤ ਵੱਡੀ ਹੈ")
• ਸਮੱਸਿਆ ਫਾਈਲ ਨੂੰ ਉਜਾਗਰ ਕਰੋ
• ਦੁਬਾਰਾ ਕੋਸ਼ਿਸ਼ ਕਰਨ ਦਿਓ

ਡਰੈਗ ਐਂਡ ਡ੍ਰੌਪ ਬਨਾਮ ਕਲਿੱਕ ਟੂ ਬ੍ਰਾਊਜ਼

ਸਭ ਤੋਂ ਵਧੀਆ ਤਰੀਕਾ: ਦੋਵਾਂ ਦਾ ਸਮਰਥਨ ਕਰੋ। ਪਾਵਰ ਉਪਭੋਗਤਾਵਾਂ ਲਈ ਖਿੱਚੋ ਅਤੇ ਛੱਡੋ, ਬਾਕੀ ਸਾਰਿਆਂ ਲਈ ਬ੍ਰਾਊਜ਼ ਕਰਨ ਲਈ ਕਲਿੱਕ ਕਰੋ।

ਆਮ ਡ੍ਰੌਪ ਜ਼ੋਨ ਪੈਟਰਨ

ਪੈਟਰਨ 1: ਪੂਰਾ ਡ੍ਰੌਪ ਜ਼ੋਨ

ਫਾਈਲ ਡ੍ਰੌਪਿੰਗ ਲਈ ਸਮਰਪਿਤ ਵੱਡਾ, ਪ੍ਰਮੁੱਖ ਖੇਤਰ:

┌─────────────────────────────────────────┐ │ │ │ ☁️ ਫਾਈਲਾਂ ਅੱਪਲੋਡ ਕਰੋ │ │ │ │ │ ਫਾਈਲਾਂ ਨੂੰ ਇੱਥੇ ਖਿੱਚੋ ਅਤੇ ਛੱਡੋ, ਜਾਂ │ │ ਬ੍ਰਾਊਜ਼ ਕਰਨ ਲਈ ਕਲਿੱਕ ਕਰੋ │ │ │ │ PDF, DOC, JPG, PNG (ਵੱਧ ਤੋਂ ਵੱਧ 10MB) │ │ │ └───────────────────────────────────────────────┘

ਇਸ ਲਈ ਉੱਤਮ: ਉਹ ਫਾਰਮ ਜਿੱਥੇ ਫਾਈਲ ਅਪਲੋਡ ਕਰਨਾ ਮੁੱਖ ਕਾਰਵਾਈ ਹੈ।

ਪੈਟਰਨ 2: ਸੰਖੇਪ ਡ੍ਰੌਪ ਜ਼ੋਨ

ਹੋਰ ਖੇਤਰਾਂ ਦੇ ਨਾਲ ਛੋਟਾ ਜ਼ੋਨ:

ਅਟੈਚਮੈਂਟ ┌──────────────────────────┐ │ 📎 ਫਾਈਲਾਂ ਛੱਡੋ ਜਾਂ ਬ੍ਰਾਊਜ਼ ਕਰੋ │ └──────────────────────────────┘

ਇਸ ਲਈ ਉੱਤਮ: ਕਈ ਫਾਰਮ ਖੇਤਰਾਂ ਵਿੱਚੋਂ ਇੱਕ ਦੇ ਰੂਪ ਵਿੱਚ ਫਾਈਲ ਅਪਲੋਡ ਕਰੋ।

ਪੈਟਰਨ 3: ਬਟਨ ਨਾਲ ਇਨਲਾਈਨ

ਰਵਾਇਤੀ ਬਟਨ ਦੇ ਨਾਲ ਜੋੜਿਆ ਗਿਆ ਡ੍ਰੌਪ ਜ਼ੋਨ:

┌──────────────────────────────────────┐ │ ਫਾਈਲਾਂ ਇੱਥੇ ਸੁੱਟੋ [ਫਾਈਲਾਂ ਚੁਣੋ] │ └──────────────────────────────────────────┘

ਇਸ ਲਈ ਉੱਤਮ: ਹਾਈਬ੍ਰਿਡ ਪਹੁੰਚ, ਸਪੱਸ਼ਟ ਫਾਲਬੈਕ ਵਿਕਲਪ।

ਪੈਟਰਨ 4: ਚਿੱਤਰ ਪ੍ਰੀਵਿਊ ਜ਼ੋਨ

ਥੰਬਨੇਲ ਪੂਰਵਦਰਸ਼ਨਾਂ ਦੇ ਨਾਲ ਡ੍ਰੌਪ ਜ਼ੋਨ:

┌──────────────────────────────────────┐ │ [img1] [img2] [img3] [+] │ │ │ │ ਹੋਰ ਤਸਵੀਰਾਂ ਇੱਥੇ ਪਾਓ │ └──────────────────────────────────────────┘

ਇਸ ਲਈ ਉੱਤਮ: ਚਿੱਤਰ ਗੈਲਰੀਆਂ, ਫੋਟੋ ਅੱਪਲੋਡ।

ਮੋਬਾਈਲ ਸੰਬੰਧੀ ਵਿਚਾਰ

ਟੱਚ ਡਿਵਾਈਸਾਂ ਨਹੀਂ ਖਿੱਚਦੀਆਂ

ਮੋਬਾਈਲ ਉਪਭੋਗਤਾ ਫਾਈਲਾਂ ਨੂੰ ਡਰੈਗ ਅਤੇ ਡ੍ਰੌਪ ਨਹੀਂ ਕਰ ਸਕਦੇ। ਤੁਹਾਡਾ ਫਾਰਮ ਸ਼ਾਨਦਾਰ ਢੰਗ ਨਾਲ ਵਾਪਸ ਆਉਣਾ ਚਾਹੀਦਾ ਹੈ:

• ਡ੍ਰੌਪ ਜ਼ੋਨ 'ਤੇ ਟੈਪ ਕਰੋ ਫਾਈਲ ਚੋਣਕਾਰ ਖੋਲ੍ਹਦਾ ਹੈ।
• ਮੂਲ ਫੋਟੋ/ਫਾਈਲ ਚੋਣ
• ਨਵੀਆਂ ਫੋਟੋਆਂ ਲੈਣ ਲਈ ਕੈਮਰਾ ਵਿਕਲਪ

ਮੋਬਾਈਲ-ਅਨੁਕੂਲ ਲੇਬਲ

ਮੋਬਾਈਲ ਲਈ ਮੈਸੇਜਿੰਗ ਨੂੰ ਐਡਜਸਟ ਕਰੋ:

• ਡੈਸਕਟਾਪ: “ਫਾਈਲਾਂ ਨੂੰ ਇੱਥੇ ਖਿੱਚੋ ਜਾਂ ਬ੍ਰਾਊਜ਼ ਕਰਨ ਲਈ ਕਲਿੱਕ ਕਰੋ”
• ਮੋਬਾਈਲ: “ਫਾਈਲਾਂ ਚੁਣਨ ਲਈ ਟੈਪ ਕਰੋ” (ਜਾਂ ਦੋਵੇਂ ਦਿਖਾਓ)

ਅਸਲ ਡਿਵਾਈਸਾਂ 'ਤੇ ਟੈਸਟ ਕਰੋ

ਲਾਂਚ ਤੋਂ ਪਹਿਲਾਂ:

• ਆਈਫੋਨ ਅਤੇ ਐਂਡਰਾਇਡ 'ਤੇ ਟੈਸਟ ਕਰੋ
• ਫਾਈਲ ਚੋਣ ਦੇ ਕੰਮ ਦੀ ਪੁਸ਼ਟੀ ਕਰੋ
• ਜੇਕਰ ਲਾਗੂ ਹੋਵੇ ਤਾਂ ਕੈਮਰੇ ਦੀ ਪਹੁੰਚ ਦੀ ਜਾਂਚ ਕਰੋ
• ਯਕੀਨੀ ਬਣਾਓ ਕਿ ਅੱਪਲੋਡ ਸਫਲਤਾਪੂਰਵਕ ਪੂਰਾ ਹੋਇਆ ਹੈ

ਡ੍ਰੌਪ ਜ਼ੋਨ ਨੂੰ ਵਧਾਉਣਾ

ਡਰੈਗ ਓਵਰ 'ਤੇ ਐਨੀਮੇਸ਼ਨ

ਸੂਖਮ ਐਨੀਮੇਸ਼ਨ UX ਨੂੰ ਬਿਹਤਰ ਬਣਾਉਂਦੇ ਹਨ:

• ਬਾਰਡਰ ਪਲਸ ਜਾਂ ਚਮਕ
• ਬੈਕਗ੍ਰਾਊਂਡ ਰੰਗ ਫਿੱਕਾ ਪੈ ਗਿਆ
• ਆਈਕਨ ਉਛਾਲ ਜਾਂ ਸਕੇਲ

ਇਸਨੂੰ ਸੂਖਮ ਰੱਖੋ - ਕਾਰਵਾਈ ਤੋਂ ਧਿਆਨ ਨਾ ਭਟਕਾਓ।

ਫਾਈਲ ਕਿਸਮ ਆਈਕਾਨ

ਸੰਬੰਧਿਤ ਆਈਕਨ ਦਿਖਾਓ:

• 📄 ਦਸਤਾਵੇਜ਼ਾਂ ਲਈ
• 🖼️ ਤਸਵੀਰਾਂ ਲਈ
• 📊 ਸਪ੍ਰੈਡਸ਼ੀਟਾਂ ਲਈ
• 🎥 ਵੀਡੀਓ ਲਈ

ਅੱਪਲੋਡ ਪ੍ਰਗਤੀ

ਅੱਪਲੋਡ ਦੌਰਾਨ ਬਿਹਤਰ ਫੀਡਬੈਕ ਲਈ:

• ਪ੍ਰਤੀ ਫਾਈਲ ਪ੍ਰਗਤੀ ਬਾਰ
• ਕਈ ਫਾਈਲਾਂ ਲਈ ਸਮੁੱਚੀ ਪ੍ਰਗਤੀ
• ਲੰਬੇ ਅਪਲੋਡਾਂ ਲਈ ਰੱਦ ਕਰੋ ਵਿਕਲਪ

ਥੰਬਨੇਲ ਪੂਰਵਦਰਸ਼ਨ

ਚਿੱਤਰ ਅੱਪਲੋਡਾਂ ਲਈ:

• ਛੱਡਣ ਤੋਂ ਬਾਅਦ ਥੰਬਨੇਲ ਦਿਖਾਓ
• ਪੂਰੇ ਆਕਾਰ ਨੂੰ ਦੇਖਣ ਲਈ ਕਲਿੱਕ ਕਰੋ
• ਹਟਾਉਣ ਲਈ X ਬਟਨ

ਡਰੈਗ ਐਂਡ ਡ੍ਰੌਪ ਸਮੱਸਿਆ ਦਾ ਨਿਪਟਾਰਾ

ਫਾਈਲਾਂ ਨਹੀਂ ਡਿੱਗਣਗੀਆਂ

ਚੈਕ:

• ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ JavaScript ਯੋਗ ਹੈ।
• ਕਾਰਜਕੁਸ਼ਲਤਾ ਨੂੰ ਰੋਕਣ ਲਈ ਕੋਈ JavaScript ਗਲਤੀ ਨਹੀਂ ਹੈ
• ਫਾਈਲ ਕਿਸਮ ਦੀ ਇਜਾਜ਼ਤ ਹੈ
• ਬ੍ਰਾਊਜ਼ਰ ਡਰੈਗ ਅਤੇ ਡ੍ਰੌਪ ਦਾ ਸਮਰਥਨ ਕਰਦਾ ਹੈ (ਆਧੁਨਿਕ ਬ੍ਰਾਊਜ਼ਰ ਕਰਦੇ ਹਨ)

ਡ੍ਰੌਪ ਜ਼ੋਨ ਉਜਾਗਰ ਨਹੀਂ ਹੁੰਦਾ

ਸੰਭਵ ਕਾਰਣ:

• CSS ਸਹੀ ਢੰਗ ਨਾਲ ਲੋਡ ਨਹੀਂ ਹੋ ਰਿਹਾ ਹੈ
• ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਗਲਤੀ
• ਪਲੱਗਇਨ ਟਕਰਾਅ

ਫਾਈਲਾਂ ਅਪਲੋਡ ਹੁੰਦੀਆਂ ਹਨ ਪਰ ਦਿਖਾਈਆਂ ਨਹੀਂ ਜਾਂਦੀਆਂ

ਚੈਕ:

• ਪੂਰਵਦਰਸ਼ਨ ਵਿਸ਼ੇਸ਼ਤਾ ਚਾਲੂ ਕੀਤੀ ਗਈ
• ਝਲਕ ਲਈ ਸਮਰਥਿਤ ਫਾਈਲ ਕਿਸਮ
• ਅੱਪਲੋਡ ਅਸਲ ਵਿੱਚ ਪੂਰਾ ਹੋਇਆ

ਮੋਬਾਈਲ ਫਾਲਬੈਕ ਕੰਮ ਨਹੀਂ ਕਰ ਰਿਹਾ

ਪੁਸ਼ਟੀ ਕਰੋ:

• ਕਲਿੱਕ/ਟੈਪ ਹੈਂਡਲਰ ਕਿਰਿਆਸ਼ੀਲ ਹੈ
• ਲੁਕਵੀਂ ਫਾਈਲ ਇਨਪੁੱਟ ਮੌਜੂਦ ਹੈ
• ਫਾਈਲ ਐਕਸੈਸ ਲਈ ਮੋਬਾਈਲ ਬ੍ਰਾਊਜ਼ਰ ਅਨੁਮਤੀਆਂ

ਹੌਲੀ ਅੱਪਲੋਡ

ਦਾ ਕਾਰਨ ਬਣਦੀ ਹੈ:

• ਵੱਡੇ ਫਾਈਲ ਆਕਾਰ
• ਹੌਲੀ ਇੰਟਰਨੈਟ ਕਨੈਕਸ਼ਨ
• ਸਰਵਰ ਸੀਮਾਵਾਂ

ਹੱਲ਼:

• ਪ੍ਰਗਤੀ ਸੂਚਕ ਸ਼ਾਮਲ ਕਰੋ
• ਵਾਜਬ ਫਾਈਲ ਆਕਾਰ ਸੀਮਾਵਾਂ ਸੈੱਟ ਕਰੋ
• ਬਹੁਤ ਵੱਡੀਆਂ ਫਾਈਲਾਂ ਲਈ ਟੁਕੜੇ ਕੀਤੇ ਅਪਲੋਡਾਂ 'ਤੇ ਵਿਚਾਰ ਕਰੋ

ਬ੍ਰਾਉਜ਼ਰ ਸਹਾਇਤਾ

ਸਾਰੇ ਆਧੁਨਿਕ ਬ੍ਰਾਊਜ਼ਰਾਂ ਵਿੱਚ ਡਰੈਗ ਐਂਡ ਡ੍ਰੌਪ ਫਾਈਲ ਅਪਲੋਡ ਸਮਰਥਿਤ ਹਨ:

ਜੇਕਰ ਤੁਹਾਨੂੰ ਬਹੁਤ ਪੁਰਾਣੇ ਬ੍ਰਾਊਜ਼ਰਾਂ ਦਾ ਸਮਰਥਨ ਕਰਨ ਦੀ ਲੋੜ ਹੈ, ਤਾਂ ਯਕੀਨੀ ਬਣਾਓ ਕਿ ਕਲਿੱਕ-ਟੂ-ਬ੍ਰਾਊਜ਼ ਫਾਲਬੈਕ ਕੰਮ ਕਰਦਾ ਹੈ।

ਪਹੁੰਚਯੋਗਤਾ ਦੇ ਵਿਚਾਰ

ਕੀਬੋਰਡ ਸਹਾਇਤਾ

ਹਰ ਕੋਈ ਮਾਊਸ ਨਹੀਂ ਵਰਤਦਾ:

• ਡ੍ਰੌਪ ਜ਼ੋਨ ਫੋਕਸ ਹੋਣ ਯੋਗ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ (ਟੈਬਇੰਡੈਕਸ)
• ਐਂਟਰ/ਸਪੇਸ ਨਾਲ ਫਾਈਲ ਡਾਇਲਾਗ ਚਾਲੂ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ
• ਫੋਕਸ ਸਥਿਤੀਆਂ ਦਿਖਾਈ ਦੇਣੀਆਂ ਚਾਹੀਦੀਆਂ ਹਨ

ਸਕ੍ਰੀਨ ਰੀਡਰ

• ਅੱਪਲੋਡ ਖੇਤਰ ਲਈ ਲੇਬਲ ਸਾਫ਼ ਕਰੋ
• ਅੱਪਲੋਡ ਪ੍ਰਗਤੀ ਦਾ ਐਲਾਨ ਕਰੋ
• ਸਫਲ ਅੱਪਲੋਡਾਂ ਦੀ ਪੁਸ਼ਟੀ ਕਰੋ

ਸਿਰਫ਼ ਖਿੱਚਣ 'ਤੇ ਭਰੋਸਾ ਨਾ ਕਰੋ

ਹਮੇਸ਼ਾ ਕਲਿੱਕ ਵਿਕਲਪ ਪ੍ਰਦਾਨ ਕਰੋ। ਡਰੈਗ ਐਂਡ ਡ੍ਰੌਪ ਇੱਕ ਸੁਧਾਰ ਹੈ, ਇੱਕੋ ਇੱਕ ਵਿਕਲਪ ਨਹੀਂ।

ਡਰੈਗ ਐਂਡ ਡ੍ਰੌਪ ਲਈ ਕੇਸਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋ

ਦਸਤਾਵੇਜ਼ ਸਪੁਰਦਗੀ

ਉਪਭੋਗਤਾ ਆਪਣੇ ਫੋਲਡਰਾਂ ਤੋਂ ਸਿੱਧੇ ਕੰਟਰੈਕਟ, ਰਿਪੋਰਟਾਂ ਜਾਂ ਐਪਲੀਕੇਸ਼ਨਾਂ ਨੂੰ ਖਿੱਚਦੇ ਹਨ।

ਚਿੱਤਰ ਗੈਲਰੀਆਂ

ਮੁਕਾਬਲੇ ਦੀਆਂ ਐਂਟਰੀਆਂ ਜਾਂ ਪੋਰਟਫੋਲੀਓ ਸਬਮਿਸ਼ਨਾਂ ਲਈ ਇੱਕੋ ਸਮੇਂ ਕਈ ਫੋਟੋਆਂ ਪਾਓ।

ਸਹਿਯੋਗ ਟਿਕਟ

ਸਕ੍ਰੀਨਸ਼ਾਟ ਜਾਂ ਗਲਤੀ ਲੌਗ ਸਿੱਧੇ ਟਿਕਟ ਫਾਰਮ ਵਿੱਚ ਖਿੱਚੋ।

ਨੌਕਰੀ ਦੀਆਂ ਅਰਜ਼ੀਆਂ

ਰੈਜ਼ਿਊਮੇ, ਕਵਰ ਲੈਟਰ, ਅਤੇ ਪੋਰਟਫੋਲੀਓ ਦੇ ਨਮੂਨੇ ਇੱਕੋ ਵਾਰ ਵਿੱਚ ਦਿਓ।

ਕਲਾਇੰਟ ਪੋਰਟਲ

ਕਲਾਇੰਟ ਪ੍ਰੋਜੈਕਟ ਫਾਈਲਾਂ, ਸੰਪਤੀਆਂ, ਜਾਂ ਫੀਡਬੈਕ ਦਸਤਾਵੇਜ਼ਾਂ ਨੂੰ ਖਿੱਚਦੇ ਹਨ।

ਅਕਸਰ ਪੁੱਛੇ ਜਾਣ ਵਾਲੇ ਸਵਾਲ

ਕੀ ਡਰੈਗ ਐਂਡ ਡ੍ਰੌਪ ਸਾਰੇ ਬ੍ਰਾਊਜ਼ਰਾਂ 'ਤੇ ਕੰਮ ਕਰਦਾ ਹੈ?

ਹਾਂ, ਸਾਰੇ ਆਧੁਨਿਕ ਬ੍ਰਾਊਜ਼ਰ ਇਸਦਾ ਸਮਰਥਨ ਕਰਦੇ ਹਨ। ਬਹੁਤ ਪੁਰਾਣੇ ਬ੍ਰਾਊਜ਼ਰਾਂ (IE10 ਅਤੇ ਹੇਠਾਂ) ਨੂੰ ਕਲਿੱਕ ਫਾਲਬੈਕ ਦੀ ਲੋੜ ਹੋ ਸਕਦੀ ਹੈ।

ਮੋਬਾਈਲ ਡਿਵਾਈਸਾਂ 'ਤੇ ਕੀ ਹੁੰਦਾ ਹੈ?

ਮੋਬਾਈਲ ਡਿਵਾਈਸ ਫਾਈਲਾਂ ਨੂੰ ਨਹੀਂ ਖਿੱਚ ਸਕਦੇ, ਇਸ ਲਈ ਡ੍ਰੌਪ ਜ਼ੋਨ 'ਤੇ ਟੈਪ ਕਰਨ ਨਾਲ ਮੂਲ ਫਾਈਲ ਚੋਣਕਾਰ ਖੁੱਲ੍ਹਦਾ ਹੈ। ਅਨੁਭਵ ਅਜੇ ਵੀ ਵਧੀਆ ਹੈ।

ਕੀ ਉਪਭੋਗਤਾ ਅਜੇ ਵੀ ਬ੍ਰਾਊਜ਼ ਕਰਨ ਲਈ ਕਲਿੱਕ ਕਰ ਸਕਦੇ ਹਨ?

ਹਾਂ, ਡ੍ਰੌਪ ਜ਼ੋਨ 'ਤੇ ਕਲਿੱਕ ਕਰਨ ਨਾਲ ਫਾਈਲ ਡਾਇਲਾਗ ਖੁੱਲ੍ਹਦਾ ਹੈ। ਦੋਵੇਂ ਤਰੀਕੇ ਕੰਮ ਕਰਦੇ ਹਨ।

ਕੀ ਇਹ ਕਈ ਫਾਈਲਾਂ ਨਾਲ ਕੰਮ ਕਰਦਾ ਹੈ?

ਬਿਲਕੁਲ। ਜੇਕਰ ਤੁਹਾਡਾ ਖੇਤਰ ਕਈ ਅਪਲੋਡਾਂ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ ਤਾਂ ਉਪਭੋਗਤਾ ਇੱਕੋ ਸਮੇਂ ਕਈ ਫਾਈਲਾਂ ਨੂੰ ਘਸੀਟ ਸਕਦੇ ਹਨ।

ਕੀ ਖਾਸ ਸੰਰਚਨਾ ਦੀ ਲੋੜ ਹੈ?

ਆਟੋ ਫਾਰਮ ਬਿਲਡਰ ਦੇ ਨਾਲ, ਫਾਈਲ ਅਪਲੋਡ ਖੇਤਰ ਵਿੱਚ ਡਰੈਗ ਅਤੇ ਡ੍ਰੌਪ ਬਣਾਇਆ ਗਿਆ ਹੈ। ਕਿਸੇ ਖਾਸ ਸੈੱਟਅੱਪ ਦੀ ਲੋੜ ਨਹੀਂ ਹੈ।

ਸੰਖੇਪ

ਫਾਈਲ ਅਪਲੋਡ ਨੂੰ ਡਰੈਗ ਅਤੇ ਡ੍ਰੌਪ ਕਰਨ ਨੂੰ ਸਮਰੱਥ ਬਣਾਉਣਾ:

1. ਇੱਕ ਫਾਈਲ ਅੱਪਲੋਡ ਖੇਤਰ ਸ਼ਾਮਲ ਕਰੋ - ਡਰੈਗ ਐਂਡ ਡ੍ਰੌਪ ਬਿਲਟ-ਇਨ ਹੈ
2. ਫਾਈਲ ਸੈਟਿੰਗਾਂ ਦੀ ਸੰਰਚਨਾ ਕਰੋ - ਕਿਸਮਾਂ, ਆਕਾਰ, ਸੀਮਾਵਾਂ
3. ਸਾਫ਼ ਡ੍ਰੌਪ ਜ਼ੋਨ ਯਕੀਨੀ ਬਣਾਓ - ਦਿਖਣਯੋਗ, ਨਿਰਦੇਸ਼ਾਂ ਦੇ ਨਾਲ
4. ਵਿਜ਼ੂਅਲ ਫੀਡਬੈਕ ਪ੍ਰਦਾਨ ਕਰੋ - ਡਰੈਗ 'ਤੇ ਹਾਈਲਾਈਟ ਕਰੋ, ਪ੍ਰਗਤੀ ਦਿਖਾਓ
5. ਕਲਿੱਕ ਫਾਲਬੈਕ ਦਾ ਸਮਰਥਨ ਕਰੋ - ਹਰ ਕੋਈ ਨਹੀਂ ਖਿੱਚਦਾ
6. ਮੋਬਾਈਲ 'ਤੇ ਟੈਸਟ ਕਰੋ - ਟੈਪ-ਟੂ-ਬ੍ਰਾਊਜ਼ ਕੰਮਾਂ ਦੀ ਪੁਸ਼ਟੀ ਕਰੋ
7. ਪਹੁੰਚਯੋਗਤਾ 'ਤੇ ਵਿਚਾਰ ਕਰੋ - ਕੀਬੋਰਡ ਅਤੇ ਸਕ੍ਰੀਨ ਰੀਡਰ ਸਹਾਇਤਾ

ਸਿੱਟਾ

ਡਰੈਗ ਐਂਡ ਡ੍ਰੌਪ ਫਾਈਲ ਅਪਲੋਡ ਹੁਣ ਕੋਈ ਵਧੀਆ ਚੀਜ਼ ਨਹੀਂ ਰਹੀ—ਇਨ੍ਹਾਂ ਦੀ ਉਮੀਦ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਉਪਭੋਗਤਾ ਈਮੇਲ, ਕਲਾਉਡ ਸਟੋਰੇਜ, ਅਤੇ ਮੈਸੇਜਿੰਗ ਐਪਸ ਵਿੱਚ ਫਾਈਲਾਂ ਨੂੰ ਡਰੈਗ ਕਰਨ ਦੇ ਆਦੀ ਹਨ। ਤੁਹਾਡੇ ਫਾਰਮਾਂ ਨੂੰ ਵੀ ਇਹੀ ਅਨੁਭਵ ਦੇਣਾ ਚਾਹੀਦਾ ਹੈ।

ਆਟੋ ਫਾਰਮ ਬਿਲਡਰ ਹਰੇਕ ਫਾਈਲ ਅਪਲੋਡ ਖੇਤਰ ਵਿੱਚ ਡਰੈਗ ਅਤੇ ਡ੍ਰੌਪ ਕਾਰਜਕੁਸ਼ਲਤਾ ਸ਼ਾਮਲ ਹੈ। ਕਿਸੇ ਸੰਰਚਨਾ ਦੀ ਲੋੜ ਨਹੀਂ ਹੈ—ਸਿਰਫ਼ ਖੇਤਰ ਸ਼ਾਮਲ ਕਰੋ, ਅਤੇ ਉਪਭੋਗਤਾ ਫਾਈਲਾਂ ਨੂੰ ਸਿੱਧੇ ਤੁਹਾਡੇ ਫਾਰਮ 'ਤੇ ਖਿੱਚ ਸਕਦੇ ਹਨ।

ਕੀ ਆਧੁਨਿਕ ਫਾਈਲ ਅਪਲੋਡ ਲਈ ਤਿਆਰ ਹੋ? ਆਟੋ ਫਾਰਮ ਬਿਲਡਰ ਡਾਊਨਲੋਡ ਕਰੋ ਅਤੇ ਆਪਣੇ ਉਪਭੋਗਤਾਵਾਂ ਨੂੰ ਉਹ ਡਰੈਗ ਐਂਡ ਡ੍ਰੌਪ ਅਨੁਭਵ ਦਿਓ ਜਿਸਦੀ ਉਹ ਉਮੀਦ ਕਰਦੇ ਹਨ।