laravelを使用してimg src経由で画像をアップロード

5つの画像がアップロードされ、5つの列に読み込まれる小さなプロジェクトワークがあります。モーダルを開くと、このようなフレームの中にイメージが読み込まれます。ロードイメージの場合laravelを使用してimg src経由で画像をアップロード

、私は以下のようなとしてのjQueryを使用しています

$('#image1').on('change', function(event) { 

    var file = this.files[0]; 
    if (file.size < 4) { 
     alert('max upload size is 1k') 
    } 
    console.log(URL.createObjectURL(event.target.files[0])); 
    $("#image11").attr('src',URL.createObjectURL(event.target.files[0])); 

});

や画像をロードした後、私は押した場合には、それが下の絵のようにモーダルにフォームを送信しますアップロード：

<form action="{{route('collage.store')}}" method="POST" id="needs" novalidate enctype="multipart/form-data"> 
{{csrf_field()}} 
    <input name="image1" id="image1" type="file" class="form-control" required="" /> 
    <br> 
    <input type="file" name="image2" id="image2" class="form-control" required/> 
    <br> 
    <input type="file" name="image3" id="image3" class="form-control" required/> 
    <br> 
    <input type="file" name="image4" id="image4" class="form-control" required/> 
    <br> 
    <input type="file" name="image5" id="image5" class="form-control" required /> 
    <br> 
    <input type="submit" value="Upload" class="btn btn-lg btn-success"/> 
</form>

これで画像がアップロードされ、表示ページにリダイレクトされます。しかし、今度はフレーム内に画像をドラッグ＆ドロップしたいので、アップロードを押すと画像を閲覧した後、画像の位置をドラッグ＆ドロップして保存します。しかし、img srcからフォームを送信することはできません。だから私はこの問題の解決策は何か分かりません。この問題を解決するために誰も助けてください。前もって感謝します。