يتم تنفيذ هذا المكون بناءً على Vue.js. إطار عمل واجهة المستخدم هو elementUI. العنوان التجريبي الكامل موجود على https://github.com/Msxiaoma/upload-folder.
1. وصف المكونالتأثير هو كما يلي:
2. المشاكل التي واجهتهاعند إجراء عملية السحب والإفلات، يتم استخدام كائن DataTransfer لحفظ البيانات التي يتم سحبها إلى المستعرض من خلال إجراء السحب والإفلات. يمكنه حفظ بيانات واحدة أو أكثر، أو نوع بيانات واحد أو أكثر
// اسحب المجلد dropFolders (e) { e.stopPropagation() e.preventDefault() var items = e.dataTransfer.items for (var i = 0; i < items.length; i++) { var item = items[ i] .webkitGetAsEntry() if (item) { this.checkFolders(item) } }}// تحديد ما إذا كان مجلد checkFolders (item) { if (item.isDirectory) { this.traverseFileTree(item) } else { this.$alert('يدعم فقط تحميل المجلدات', 'Prompt', { ConfirmButtonText: 'OK' }) }}traverseFileTree (العنصر، المسار،parentDir ) { المسار = المسار || '' if (item.isFile) { item.file((file) => { Let obj = { file: file, path: path + file.name, attr: item.attr } this.filesList.push(obj) }) } else if (item.isDirectory) { var dirReader = item.createReader() dirReader.readEntries((entries) => { for (let i = 0; i < الإدخالات. الطول i++) { الإدخالات[i].attr = item.attr this.traverseFileTree(entries[i], المسار + item.name + '/'، درجة الحرارة) } }، الوظيفة (e) { console.log(e) }) }} 2. شريط التقدم لتحميل المجلداتالملفات بدون تجزئة: بناءً على العدد الإجمالي للملفات الموجودة في المجلد، قم بحساب النسبة المئوية لكل ملف في المجلد. عندما يتم تحميل ملف بنجاح، قم بتعديل عملية المجلد؛
الملفات المجزأة: بعد حساب النسبة المئوية لكل ملف في الملف، قم بحساب النسبة المئوية لكل ملف في الملف بعد تحميل كل ملف بنجاح، قم بتعديل عملية المجلد.
3. حمل ملفات تعريف الارتباط عبر المجالاتعندما يقوم الخادم بتعيين رأس الاستجابة
Access-Control-Allow-Origin: يجب عليك تحديد اسم مجال واضح يتوافق مع صفحة الويب المطلوبة ولا يمكن أن يكون *. التحكم في الوصول - السماح - بيانات الاعتماد: صحيح
تعيين رؤوس الطلب:
مع بيانات الاعتماد: صحيح
تجديد:
الفرق بين السلسلة الفرعية و substrيُرجع substr(start [, length]) سلسلة فرعية بالطول المحدد بدءًا من الموضع المحدد.
البدء: الخيار المطلوب. موضع البداية للسلسلة الفرعية المطلوبة. الحرف الأول في السلسلة له فهرس 0.
الطول: اختياري. عدد الأحرف التي يجب تضمينها في السلسلة الفرعية التي تم إرجاعها.
تقوم السلسلة الفرعية بإرجاع السلسلة الفرعية الموجودة في الموضع المحدد في كائن السلسلة. تقوم بإرجاع سلسلة تحتوي على السلسلة الفرعية من البداية إلى النهاية (باستثناء النهاية).
start: يشير إلى موضع البداية للسلسلة الفرعية، ويبدأ الفهرس من 0.
النهاية: تشير إلى موضع نهاية السلسلة الفرعية، ويبدأ الفهرس من 0.
ما ورد أعلاه هو المحتوى الكامل لهذه المقالة وآمل أن يكون مفيدًا لدراسة الجميع وآمل أيضًا أن يدعم الجميع شبكة VeVb Wulin.