« طراحی سایت و گرافیک »
3.07K subscribers
167 photos
583 videos
5 files
418 links
مرجع تخصصی آموزش گرافیک و طراحی سایت

1⃣ آموزش سرور و هاستینگ
2⃣ آموزش طراحی سایت
3⃣ نکات طلایی وبمستری
4⃣ آموزش هک و کرک وردپرس و...

🔵 لیست دوره های به پایان رسیده کانال:
🔴 T.me/Web_Developer_98
加入频道
آموزش خواندن فایل اکسل با استفاده از جاوااسکریپت خالص

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