javascript - Dropzone js 使用新函数 dropzone renameFIle

标签 javascript html web dropzone.js

我在我的网站上使用 dropzone.js 并尝试在上传之前重命名文件。 最近 dropzone 添加了新函数 renameFile,但我无法使用它。 这是一个错误还是我对函数的理解错误?

console.log() 未被调用。

Dropzone.myDropzone = false;
var size = 1;

Dropzone.options.myDropzone = {
maxFilesize: size,
renameFile: function(file){
    console.log("I was called");
    return "newname.pdf";
},
paramName: "pdffile",
url: "UploadServlet",
acceptedFiles: "application/pdf",
dictDefaultMessage: "Ziehe Dateien hierhin zum Hochladen",
dictFallbackMessage: "Dieser Browser wird leider nicht unterstützt",
dictFileTooBig: "Die Datei ist leider zu groß. Erlaubtes Maximum sind " +size +" MB",
dictInvalidFileType: "Dies ist leider der falsche Dateityp. Es werden nur PDF-Dateien unterstützt",
sending: function (file,xhr,formData){

    formData.append("dateiname",file.name);
}

}

最佳答案

这是我刚刚开始工作的代码。目前该文档根本不正确。 file.upload.filename 只是不断抛出错误。它说旧的方法也被贬值了。

我的整个街区:

<form id="my-dropzone" action="upload.php" class="dropzone"></form>
<script src="/sci/dropzone.js"></script>
<script>
Dropzone.options.myDropzone = {
    chunkSize: 5000000,
    retryChunks: true,
    retryChunksLimit: 2,
    chunking: true,
    timeout: 60000,
    maxFilesize: 1000,
    dictDefaultMessage: "Click or Drag/Drop files here to upload",
    renameFile: function(file) {
        return file.name = "NAME-PREFIX_" + file.name;
    },
    init: function() {
        this.on("uploadprogress", function(file, progress) {
            console.log("File progress", progress);
        });
        this.on("success", function(file) {
            console.log(file["name"]);
        });
    }
}
</script>

请注意,我添加了前缀。在我的代码中,我添加了日期(通过 PHP,因为它不依赖于客户端拥有正确的时间)

    renameFile: function(file) {
        return file.name = "NAME-PREFIX_" + file.name;
    },

假设您的文件是“me.jpg”,您将得到“NAME-PREFIX_me.jpg”

关于javascript - Dropzone js 使用新函数 dropzone renameFIle,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46515733/

相关文章:

html - 添加列表时 Logo 移出菜单

javascript - 删除产品网格中的父 div

javascript - 对数组进行排序,并将重复项插入新数组

javascript - 我的jQuery函数只能第一次运行

javascript - 如何检查输入框是否有相同的值

javascript - jQuery:查找类外的元素

css - 使用 CSS 向上和/或向下缩放 div 内的图像以适应图像的最大边

javascript - rails | Javascript同步多个字段,避免无限循环

html - Bootstrap - 减小导航栏的大小

javascript - 如何在另一个函数中获取firebase生成的行数据