عند تحميل الصور، وجدت عنصر تحكم مفيدًا للغاية، فهو يدعم تحميل صور متعددة في نفس الوقت، يمكنك النقر لتحديد صورة، أو يمكنك سحب الصورة إلى مربع التحميل وتحميلها مباشرة الاستخدام، والواجهة بسيطة، ويمكنك استخدامها مباشرة في المشروع.
دعونا نلقي نظرة على أسلوبه أولاً:
بعد اختيار الصورة:
$(function(){ // تهيئة المكون الإضافي $(#demo).zyUpload({ width : 650px, // width height : 400px, // width itemWidth : 120px, // عرض عنصر الملف itemHeight : 100px, / / ملف ارتفاع عنوان URL للعنصر: /upload/UploadAction، // مسار الملف الذي تم تحميله متعدد: صحيح، // ما إذا كان يمكن تحميل ملفات متعددة DragDrop: صحيح، // ما إذا كان يمكن سحب الملف وتحميله del : true، // ما إذا كان يمكن حذف الملف FinishDel : false، // ما إذا تم حذف المعاينة بعد اكتمال تحميل الملف /* واجهة رد الاتصال التي تم الحصول عليها خارجيًا */ onSelect : function(files, allFiles ){ // طريقة رد الاتصال لاختيار الملفات console.info(الملفات التالية محددة حاليًا:); console.info(files); allFiles); onDelete: function(file,فائضFiles){ // طريقة رد الاتصال لحذف ملف console.info (الملف المحذوف حاليًا :) console.info(file); console.info (الملفات المتبقية حاليًا:); }, onSuccess: function(file){ // طريقة رد الاتصال لتحميل الملف بنجاح console.info(تم تحميل هذا الملف بنجاح:); طريقة رد الاتصال لفشل تحميل الملف console.info(فشل تحميل هذا الملف:); console.info(file }, onComplete: function(responseInfo){ // طريقة رد الاتصال لإكمال التحميل console.info(اكتمل تحميل الملف) ;قم بتعديل التكوين مباشرة في demo.js، عنوان url: /upload/UploadAction ووضع إجراء تحميل الصورة الخاص بك. عنصر التحكم هذا هو معالجة المقدمة فقط، عليك كتابة تحميل الخلفية بنفسك.
ما ورد أعلاه هو المحتوى الكامل لهذه المقالة وآمل أن يكون مفيدًا لدراسة الجميع وآمل أيضًا أن يدعم الجميع شبكة VeVb Wulin.