عندما أنهيت من تصيم موقع الكتروني قمت بالبحث عن سكريبت js يسمح لي بتنزيل ملفات من على الموقع وأثناء تجربة عدة سكريبتات وجدت أنها تعمل على chrome على عكس متصفح edg الذي يقوم بفتح الملف في المتصفح بدل تنزيله ،لذا لجأت الى خيار clone website وهنا وجدت ان أبسط المواقع تدعم jquery
مع العلم ان الموقع الذي ذكرته هو فقط ممارسة لما تعلمته
لذا في رأيك ماهي مشكلة 《سكريبت التحميل في edg؟》
وهل يجب أن يحوي الموقع على jquery مهما كانت بساطته؟
نوعية الملفات pdf
رابط الموقع https://all4gc.netlify.app
أنا طلبت الشيفرة البرمجية،
اكتب الكلمة المفتاحية download (تعمل بشكل سليم في حال رفع الملف على نفس الاستضافة domain)
<a href="/path/to/your/receipt.pdf" download>Download Receipt</a>
^^^^^^^^^^^
يمكن إضافة:
target="_blank"
مثل
<a href="file link" download target="_blank">Click here to download</a>
^^^^^^^^^^^^^^
مما سيفتح تبويب جديد للتحميل ويحل مشكلة رفع الملف على مخدم آخر
يمكن وضع اسم افتراضي للملف بتمرير قيمة للخاصة
download="some_name"
وحل خاص بمتصفح فايرفوكس: بإضافة الشطر التالي للعنصر a
type="application/octet-stream" <a href="./file.pdf" type="application/octet-stream">Example</a>
<!DOCTYPE html>
<html>
<head>
<title> Download PDF </title>
</head>
<body>
<button onclick="download()">
Download pdf
</button>
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.2/axios.min.js">
</script>
<script>
function download() {
axios({
url: 'file4test.pdf',
method: 'GET',
responseType: 'blob'
})
.then((response) => {
const url = window.URL
.createObjectURL(new Blob([response.data]));
const link = document.createElement('a');
link.href = url;
link.setAttribute('download', 'file4test.pdf');
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
})
}
</script>
</body>
</html>
التعليقات