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

【问题标题】：Get the image name when Dropzone.js finishes to do the process当 Dropzone.js 完成该过程时获取图像名称
【发布时间】：2020-06-20 07:09:03
【问题描述】：

用Laravel用js上传网站的图片，我想做的是获取我已经上传的那个文件的名字我的意思是这样的：

我有我的 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。

如何获取文件名？谢谢！

【问题讨论】：

标签： jquery laravel dropzone.js dropzone

【解决方案1】：

在“成功”回调中，您可以通过调用获取文件名：

file.name

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

另外，因为您已经在控制器中调用了文件名：

$file->getClientOriginalName();

您也可以从控制器返回它。然后在“成功”回调中，从响应中获取。这取决于您想要实现的目标。

【讨论】：