拉勒维尔，我怎么才能从下拉文件中删除文件呢？

Question

我在我的项目中使用了dropify。

 <form action="{{route('ticket.update')}}" enctype="multipart/form-data" method="post">
 @csrf
 <label>Ticket</label>
 <input type="file" name="ticket" class="dropify" data-max-file-size="5M"
 data-default-file="{{$foo->ticket ?? ''}}"
 data-allowed-file-extensions="pdf png jpg jpeg"/>
 <input type="submit" class="button"/>
 </form>

当我删除图像时，也应该从数据库中删除。

​

在“控制器”中(在投寄表格后删除)

dd($request->ticket);

输出

Null

输入，即使它的值已经存在，posted值也输出为null。

有人能帮忙吗？

Answer 1

这个密码会帮你的..。

$(document).ready(function(){
  $('.dropify').dropify(); //initializing dropify

  //Handling click event on Remove button of dropify
  $('.dropify-clear').click(function(e){
    e.preventDefault();
    alert('Remove Hit'); //Here you can manage you ajax request to delete 
                         //file from database.
  });
});

​

$(document).ready(function(){
  $('.dropify').dropify();
  
  $('.dropify-clear').click(function(e){
    e.preventDefault();
    alert('Remove Hit');
    
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Dropify/0.2.2/js/dropify.min.js" integrity="sha512-8QFTrG0oeOiyWo/VM9Y8kgxdlCryqhIxVeRpWSezdRRAvarxVtwLnGroJgnVW9/XBRduxO/z1GblzPrMQoeuew==" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Dropify/0.2.2/css/dropify.css" integrity="sha512-In/+MILhf6UMDJU4ZhDL0R0fEpsp4D3Le23m6+ujDWXwl3whwpucJG1PEmI3B07nyJx+875ccs+yX2CqQJUxUw==" crossorigin="anonymous" />

<input type="file" class="dropify">

​

将enctype="multipart/form-data"添加到表单中。

<form action="{{route('ticket.update')}}" method="post" enctype="multipart/form-data">

阅读更多关于多部分/表单数据的内容。