Создание div Droppable для загрузки файла - PullRequest
Новая
       10

Создание div Droppable для загрузки файла

1 голос
/ 10 июля 2019

Я создал div для показа входного изображения и выходного изображения, созданного на основе процесса, который я собираюсь сделать дальше.

Я могу загрузить файл, просто нажав кнопку «Отправить», и получить желаемый результат. Теперь, согласно требованию, я хочу, чтобы входное изображение div можно было сбрасывать. Это означает, что пользователь может легко поместить изображение в поле и затем отправить кнопку для дальнейшего процесса. Я не понимаю, как я могу это сделать.

Вот мой HTML-код: 

<div class="container">
  <div class="row">

    <div class="col-md-6 col-sm-12">
      <h2 class="inputImage-text text-center">Input Image</h2>

 <form id="uploadForm" action="upload.php" method="post" enctype="multipart/form-data">
       <div id="targetLayer" class="dropzone dz-clickable dz-default dz-message">No Image</div>
       <div id="uploadFormLayer">
       <input name="fileToUpload" type="file" class="inputFile" /><br/>
       <input type="submit" value="Submit" class="btn btn-primary" />
       </div>
       </form>
   </div>
    <div class="col-md-6 col-sm-12">
       <h2 class="outputImage-text text-center">Output Image</h2>
      <div class="outputDiv">
     </div>
 </div>
  </div>
</div>

и вот мой проект выглядит так. enter image description here как вы можете видеть, я просто хочу, чтобы поле ввода было сбрасываемым. и остальная часть процесса должна быть такой же.

Если у вас есть предложения. пожалуйста, помогите.

...