مساعدة : فورم رفع الصور

يتوقف ذلك على التقنيات التي تستخدمها في بناء الموقع ولكن الفكرة العامة هي استخدام مكتبات من أجل ذلك، مثلاً إن كنت تستعمل jquery فلدينا مكتبة dropzone.js ورابطها في هذا الموقع: https://www.dropzonejs.com/

مثال على المكتبة السابقة:

<form action="/file-upload" class="dropzone">
  <div class="fallback">
    <input name="file" type="file" multiple />
  </div>
</form>

ستقوم المكتبة بشكل أوتوماتيكي بوضع مكان ﻹسقاط الملفات على form السابق وinput موجود فقط للمتصفحات التي لا تدعم اﻹسقاط.

إذا كنت تستعمل ReactJS هناك مكتبة react-dropzone وهكذا.

إن كنت تريد معرفة كيف تعمل هذه المكتبات فهي تستعمل ما يسمى HTML Drag and Drop API وهي ميزة للـHTML لن أتطرق لشرحها هنا يمكنك القراءة عنها في موقع w3schools هنا: https://www.w3schools.com/html/html5_draganddrop.asp

السلام عليكم 

تستطيع ذلك عن طريق dropzonejs

<link rel="stylesheet" href="./path/to/dropzone/basic.css"/>
<script src="./path/to/dropzone.js"></script>

او 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.7.2/basic.css"/>


<script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.7.2/min/dropzone.min.js"></script>

ثم تعطي فورم رفع الصور class="dropzone"

<form action="/Server upload action " class="dropzone" id="my-awesome-dropzone">
  
  <div class="fallback">
    <input name="file" type="file" multiple />
  </div>
  
  
</form>

تأكد ان name في input هي الخانة المطلوب تمريرها prams