I've been trying to rename the filename before the upload in dropzone.js but I'm not able to make it work. This is my configuration:

Dropzone.autoDiscover = false;
Dropzone.options.myAwesomeDropzone = {
    url: url,
    paramName: "image",
    dictDefaultMessage: 'Selecciona tus archivos..',
    dictRemoveFile: "Eliminar",
    dictCancelUpload: "Cancelar carga",
    addRemoveLinks: true,
    uploadMultiple: false,
    renameFile: function (file) {
        console.log(file.name);
        file.name = new Date().getTime() + '_' + file.name;
    },
    new Dropzone("div#my-awesome-dropzone");

When it upload nothing is even showing in the js console and the file name is still the same

Has someone gone through this?

I tried this solution: Dropzone.js - How to change file name before uploading to folder

I've been trying to rename the filename before the upload in dropzone.js but I'm not able to make it work. This is my configuration:

Dropzone.autoDiscover = false;
Dropzone.options.myAwesomeDropzone = {
    url: url,
    paramName: "image",
    dictDefaultMessage: 'Selecciona tus archivos..',
    dictRemoveFile: "Eliminar",
    dictCancelUpload: "Cancelar carga",
    addRemoveLinks: true,
    uploadMultiple: false,
    renameFile: function (file) {
        console.log(file.name);
        file.name = new Date().getTime() + '_' + file.name;
    },
    new Dropzone("div#my-awesome-dropzone");

When it upload nothing is even showing in the js console and the file name is still the same

Has someone gone through this?

I tried this solution: Dropzone.js - How to change file name before uploading to folder

• javascript
• dropzone.js
• dropzone

1 Answer 1

The function in renameFile has to return the new name. It's not well explained int the documentation, tested with dropzone.js (version 5.2).

The code inside the renameFile option should look like:

renameFile: function (file) {
    let newName = new Date().getTime() + '_' + file.name;
    return newName;
}