当Dropzone.js完成该过程时，获取图像名称

Question

js与Laravel一起上传网站的图像，我想做的是获得我已经上传的文件的名称，我的意思是：

我有我的Dropzone.js代码：

Dropzone.options.myAwesomeDropzone = {
paramName: "file", // Las imágenes se van a usar bajo este nombre de parámetro
autoProcessQueue:true,
required:true,
acceptedFiles: ".png,.jpg,.gif,.bmp,.jpeg",
addRemoveLinks: true,
maxFiles:8,
parallelUploads : 100,
maxFilesize:5,
init: function() {
this.on("success", function(file, response) {
$('.dz-preview').remove();
})
}
};

这是我的HTML:

<div  id="home_6" class="tab-pane fade active in" role="tabpanel">
<br>
<form action="{{ asset('/image/store') }}" method="post" class="dropzone" id="my-awesome-dropzone">
{{ csrf_field() }}
</form>
<br>
<div class="row text-center" id="files">
<div class="col-md-3">  
<img src="{{ url('admin/dist/img/thumb-1.jpg') }}" />
</div>
<div class="col-md-3">  
<img src="{{ url('admin/dist/img/thumb-1.jpg') }}" />
</div>
<div class="col-md-3">  
<img src="{{ url('admin/dist/img/thumb-1.jpg') }}" />
</div>
<div class="col-md-3">  
<img src="{{ url('admin/dist/img/thumb-1.jpg') }}" />
</div>
</div>
</div>

这是我的Laravel上传代码

public function store(Request $request)
{
$file = $request->file('file');
$path = public_path() . '/files';
$fileName = uniqid() . $file->getClientOriginalName();
$file->move($path, $fileName);
}

你如何看到这个Dropzone可以自动上传图像，这没关系，然后它会进入功能存储中的控制器，当它被存储时，你如何检查我有一个功能，当它完成上传时：

this.on("success", function(file, response) {
$('.dz-preview').remove();
})

在这个函数中，我想恢复用于将图像存储在文件夹中的名称，我的意思是，如果我在其中放入警报，它会显示hiworld.png。

如何获取文件名？谢谢

Answer 1

在"success"回调中，您可以通过调用来获取文件名

file.name

只需console.log文件变量，您就会看到所有属性。

此外，由于您已经在控制器中调用了文件名：

$file->getClientOriginalName();

您也可以从控制器返回它。然后在"success"回调中，从响应中获取它。这取决于你想要实现什么。