2024 מְחַבֵּר: Abigail Brown | [email protected]. שונה לאחרונה: 2023-12-17 06:48
זה מעניין איך דברים מסוימים מסתובבים במעגל. בימים הראשונים של האינטרנט, דפדפנים היו מורידים אוטומטית קישורים לקבצים שאינם דף אינטרנט, כמו תמונות, קובצי PDF ומסמכים. לאחר מכן, הדפדפנים הפכו כל כך מתקדמים שהם הצליחו לפתוח כמעט כל קובץ בזמן אמת. עם זאת, זה יצר בעיה עבור מפתחים. איך הייתם מכריחים דפדפן להוריד קובץ במקום לפתוח אותו? חבורה של פריצות ופתרונות עוקפים צצו כדי לפתור את הבעיה, אבל אף אחת מהן לא הייתה פתרון אמיתי. כל זה השתנה עם HTML5 כאשר הוצגה תכונת ההורדה.
עכשיו, מפתחים יכולים להוסיף תכונת הורדה מיוחדת לתגיות עוגן ה-HTML שלהם כדי לומר לדפדפנים להתייחס לקישור כהורדה, במקום לפתוח את קובץ היעד.ישנן מספר דרכים שונות שבהן תוכל להשתמש בתכונת ההורדה כדי לשלוט באופן שבו דפדפנים מטפלים בקישורי ההורדה שלך. אפילו יותר טוב, כל הדפדפנים המודרניים תומכים בתכונת ההורדה, כך שלא תראה שום בעיות בתאימות או בצורך ב-fallback.
Image
ישנן מספר דרכים שונות שבהן תוכל לטפל בתכונת ההורדה. לכל אחד יש יתרון משלו, וכולם עובדים בצורה חלקה בדפדפנים שונים.
תכונת ההורדה הרגילה
הדרך הפשוטה ביותר להשתמש בתכונת ההורדה היא פשוט לכלול אותה בצורה הבסיסית ביותר בתגי העוגן שלך. אינך צריך לכלול שם קובץ נוסף או כל מידע תומך. התוצאה נראית כך:
הורד עכשיו!
Image
על ידי הכללת "הורדה" אתה אומר לכל דפדפן שקורא את הדף להוריד את קישור היעד במקום לפתוח אותו. במקרה זה, הדפדפן יוריד את הקובץ בדיוק כפי שהוא עם אותו שם.
Image
שינוי שם הקובץ
מה קורה אם אתה באמת רוצה לשנות את השם. יש הרבה מקרים שבהם תרצה לעשות זאת. שמות קבצים שנוצרו באופן אוטומטי הם דוגמה טובה. בדרך כלל יש להם שמות ארוכים עד כדי גיחוך עם מחרוזות של דמויות זבל. זו לא החוויה שאתה רוצה עבור המבקרים שלך. אתה יכול לתקן דברים עם תכונת ההורדה.
כדי לציין שם קובץ, הגדר את תכונת ההורדה שווה לו. אל תכלול את סיומת הקובץ. הדפדפן לא יכול ולא מוכן להמיר את סוג הקובץ, אז אין טעם לנסות.
הורד עכשיו!
המבקרים שלך יורידו את הקובץ בתור your-file.pdf.
הורדת תמונה
יחד עם זה מגיעה דרך פשוטה לאפשר למשתמשים שלך להוריד תמונות ישירות. זה לא מהפכני, ואתה כנראה יכול לחבר את זה בעצמך, אבל אתה יכול להשתמש בתכונת ההורדה כדי ליצור קישור תמונה להורדה.
Image
התחל בהגדרת תמונה כמו שאתה עושה בדרך כלל בדף שלך. זו, כמובן, תהיה התמונה הזמינה להורדה.
לאחר מכן, עטפו את כל העניין בתגית עוגן, המקשרת לנתיב התמונה.
לבסוף, הוסף את תכונת ההורדה לתג העוגן שלך. אתה יכול לשנות את שם התמונה שלך אם תרצה.
Image
עכשיו, כאשר מבקר לוחץ על התמונה, הוא יוריד אותה אוטומטית ישירות מהשרת שלך. זה לא הכרחי, וזה אולי נראה כמו מוגזם למפתח, אבל כמה מבקרי אתר יחשבו ללחוץ לחיצה ימנית על תמונה כדי לצפות או להוריד אותה?
