✅ آموزش خواندن فایل اکسل با استفاده از جاوااسکریپت خالص
1⃣ اضافه کردن کتابخانه SheetJS
🔸ابتدا باید کتابخانه
2⃣ ساختن فرم بارگذاری فایل
🔹شما نیاز به یک فرم ساده برای بارگذاری فایل اکسل دارید:
3⃣ نوشتن کد جاوااسکریپت
🔸حالا میتوانید کد جاوااسکریپت را برای خواندن فایل اکسل بنویسید:
🔷 نکته: فایل کتابخانه Xlsx.js و فایل اکسل تمرینی در بخش دیدگاه قرار گرفته است.
#وب #طراحی_وب #js #json
🌈 Web_Designer98.t.me
1⃣ اضافه کردن کتابخانه SheetJS
🔸ابتدا باید کتابخانه
xlsx
را به پروژه خود اضافه کنید. میتوانید آن را از CDN بارگیری کنید:<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.17.0/xlsx.full.min.js"></script>
2⃣ ساختن فرم بارگذاری فایل
🔹شما نیاز به یک فرم ساده برای بارگذاری فایل اکسل دارید:
<input type="file" id="file-input" accept=".xlsx, .xls" />
<div id="output"></div>
3⃣ نوشتن کد جاوااسکریپت
🔸حالا میتوانید کد جاوااسکریپت را برای خواندن فایل اکسل بنویسید:
document.getElementById('file-input').addEventListener('change', function(event) {
const file = event.target.files[0];
if (!file) return;
const reader = new FileReader();
reader.onload = function(e) {
const data = new Uint8Array(e.target.result);
const workbook = XLSX.read(data, { type: 'array' });
//https://yangx.top/Web_Designer98
const firstSheetName = workbook.SheetNames[0];
const worksheet = workbook.Sheets[firstSheetName];
// https://yangx.top/Web_Designer98
const jsonData = XLSX.utils.sheet_to_json(worksheet, { header: 1 });
//https://yangx.top/Web_Designer98
document.getElementById('output').innerText = JSON.stringify(jsonData, null, 2);
};
// https://yangx.top/Web_Designer98
reader.readAsArrayBuffer(file);
});
🔷 نکته: فایل کتابخانه Xlsx.js و فایل اکسل تمرینی در بخش دیدگاه قرار گرفته است.
#وب #طراحی_وب #js #json
🌈 Web_Designer98.t.me
👍5
Media is too big
VIEW IN TELEGRAM
🌐 ابزارهای آنلاین برای کار با JSON 🔧
👨💻 JSON4U
یک وبسایت مفید است که مجموعهای از ابزارهای رایگان آنلاین برای کار با JSON ارائه میدهد! 🚀
✨ این ابزارها شامل:
- قالببندی JSON 🖋️
- اعتبارسنجی JSON ✅
- تبدیل JSON به فرمتهای دیگر مثل CSV یا XML 📊
🛠️ این ابزارها به توسعهدهندگان کمک میکنند تا دادههای JSON را به سرعت و بهراحتی پردازش کنند و اشکالزدایی و یکپارچهسازی با سیستمهای دیگر را سادهتر نمایند.
🔗 برای شروع استفاده، به لینک زیر مراجعه کنید:
json4u.com
#JSON
#توسعه_دهنده #ابزار_آنلاین #برنامه_نویسی
🆔 @Web_Designer98
👨💻 JSON4U
یک وبسایت مفید است که مجموعهای از ابزارهای رایگان آنلاین برای کار با JSON ارائه میدهد! 🚀
✨ این ابزارها شامل:
- قالببندی JSON 🖋️
- اعتبارسنجی JSON ✅
- تبدیل JSON به فرمتهای دیگر مثل CSV یا XML 📊
🛠️ این ابزارها به توسعهدهندگان کمک میکنند تا دادههای JSON را به سرعت و بهراحتی پردازش کنند و اشکالزدایی و یکپارچهسازی با سیستمهای دیگر را سادهتر نمایند.
🔗 برای شروع استفاده، به لینک زیر مراجعه کنید:
json4u.com
#JSON
#توسعه_دهنده #ابزار_آنلاین #برنامه_نویسی
🆔 @Web_Designer98