当 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 可以自动上传图像并且没关系，然后它会转到功能存储中的控制器它是在存储时，你如何检查我有一个功能 wwhen 它完成了上传：

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

在该功能中，我想恢复用于将图像存储在文件夹中的名称，我的意思是如果我在其中放置警报，它会显示 hiworld.png 例如。

如何获取文件名？谢谢！

Answer 1

在 'success' 回调中，您可以通过调用以下方式获取文件名：

file.name

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

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

$file->getClientOriginalName();

您也可以 return 从控制器中获取它。然后在 'success' 回调中，从响应中获取它。这取决于你想要达到什么。

当 Dropzone.js 完成处理时获取图像名称

Get the image name when Dropzone.js finishes to do the process

jquery

laravel

dropzone.js

dropzone