آپلود چند تصویر

@saeed.joafshan99
سلام وقت بخیر
برای اینکار delete فقط داری از ویو حذف میکنی
باید بیای از اون array که backend بهت میده و جنریت میکنی هم حدف کنی
این مورد به این شکله که عکسی که داری حذف میکنی یه ایدی داره که با این کار میتونی بیای اون array پیمایش کنی و اون ایدی مورد نظر و پاک کنی
مورد بعدی میتونی بیای اون عکس و با ایدی تو array پیدا کنی و حذفش کنی بعد از این که حذف کردی بیای اون array دو باره توی صفحه جنریت کنی

سلام دوست عزیز وقتت بخیر.

برای این منطق که شما در نظر گرفتید باید این مراحل رو انجام بدید.

مراحل به ترتیب :

html :
1 - نیاز به یک wrapper یا یک section دارید که بتونید عکس هایی که اپلود میشن رو به صورت لیست نمایش بدید.
2 - مرحله بعد برای اپلود عکس نیاز به input file دارید که به میل خودتون هر قسمتی میتونید قرار بدید
3 - در section که لیست عکس های اپلود شده را قرار میدید باید توی کارد عکس گزینه حذف شدن رو با یک ایکون قرار بدید.

js :
1 - المنت هایی که مد نظرمون هستن و قراره توی js بهشون دسترسی داشته باشیم رو در متغییر ها تعریف میکنیم
2 - یک لیست به صورت سراسری global تعریف کنید برای لیست عکس های اپلود شده برای پیشنمایش
3 - عکس ها زمانی که اپلود میشن به لیست سراسری اضافه میشن با یک ایدی مشخص که میتونید ایدی رندوم بزارید - البته این ایدی فقط در فرانت نیازتون میشه چون موقع ارسال شما با پیمایش کردن این لیست فقط عکس هارو بیرون میارید و به سرور ارسال میکنید.
4 - لیست هارو به صورت تمپلیت توسط js تولید میکنید توسط innerHtml در هر تغییر اضافه شدن یا کم شدن باید انجام بدید که لیست هاتون اپدیت بشن
5 - در آخر این قسمت شما برای ارسال فایل ها سمت سرور باید لیست فعلی که همراه دو خصوصیت فایل و ایدی داره پیمایش کنید و فقط فایل هارو بیرون بکشید و به سمت سرور ارسال کنید

نکته : این راه فقط یک شماتیک ساده بود از دید خارجی و کلی سیستم اپلود ساده صد در صد جای بهینه شدن و منطقی تر شدن داره چون فقط گفتار نوشته شده باید مسیرش رو برای خودتون بنویسید و روش فکر کنید.

اگر باز هم نیاز به سوال داشتید توی همین پاسخ بفرمایید که بتونم راهنمایی اتون کنم.

موفق باشید