يختار المحرر صورة ثم يستبدلها عدة مرات قبل الحفظ. كل معاينة تبدو صحيحة، لكن الصفحة الطويلة العمر قد تحتفظ بمراجع إلى ملفات لم تعد ظاهرة. وفي الطرف الآخر، قد يلغي الكود رابط المعاينة فور تحميل الصورة فتتعطل محاولة فتحها أو حفظها. إدارة عمر Object URL تحتاج توقيتًا مناسبًا، لا مجرد استدعاء تنظيف في أي مكان.
حدد ما يمثله الرابط المحلي
توضح وثائق MDN الخاصة بـBlob URLs أن createObjectURL ينشئ رابطًا جديدًا، وأن المرجع النشط قد يمنع تحرير الكائن المرتبط به. وتوصي بإلغاء الرابط عندما لا يعود مطلوبًا، مع تجنب الإلغاء المبكر الذي يكسر تفاعل المستخدم مع المورد.
هذا الرابط ليس عنوان نشر دائمًا للصورة على الموقع. إلغاؤه لا يحذف ملفًا محفوظًا في الخادم، ولا يضمن إيقاف رفع بدأ بالفعل. افصل حالة المعاينة المحلية عن حالة الرفع والحفظ، واجعل كل حالة واضحة في تصميم المحرر.
تتبع اختيار الملف واستبداله
- جهز صورتين تجريبيتين بلونين مختلفين دون بيانات أشخاص.
- اختر الأولى وتأكد أن المعاينة تخص الملف نفسه.
- استبدلها بالثانية وراجع إزالة استخدام الرابط السابق عند انتهاء حاجته.
- كرر التبديل ثم أغلق المحرر وافتحه من جديد.
احتفظ في الاختبار بعداد لإنشاء الروابط وإلغائها أو سجل تطوير محدود، بدل الادعاء أن رقم ذاكرة المتصفح يجب أن ينخفض فورًا. توقيت جمع الذاكرة ليس وعدًا تتحكم فيه الواجهة، ولذلك يكون دليل القبول إدارة المراجع الصحيحة وعدم تراكم موارد مهجورة في تصميم التطبيق.
لا تنظف المورد أثناء استخدامه
اختبر فتح المعاينة في نافذة أخرى وحفظها إذا كانت هذه وظائف معتمدة. لا تعتبر حدث تحميل الصورة نهاية كل استخدام محتمل لها. عند إزالة المعاينة، تأكد ألا تستخدم مكونات أخرى الرابط نفسه؛ ملكية المورد يجب أن تكون مفهومة بين المكونات.
راجع الرجوع وإلغاء الاختيار
في مثال افتراضي، يمسح المستخدم اختياره ثم يتراجع قبل حفظ النموذج. حدد هل تُعاد معاينة صالحة من الملف المحتفظ به أم يلزم اختيار جديد. ضمن تطوير الويب والفحص التقني سجل تسلسل الإنشاء والاستخدام والتنظيف، واختبر أن حفظ النموذج يرسل الملف المقصود بدل صورة قديمة ظلت على الشاشة.
