首页 > 解决方案 > 如何在 Dropzone Upload 上更改文件名?

问题描述

我有下一个代码:

this.on("sending", function (file, xhr, formData) {
    file.name = file.name + new Date().getTime();
    alert(file.name);

我需要为每个文件连接日期时间,以便每个文件在前端都有一个唯一的名称。但是,此警报正在返回原始名称:

实际回报:“fileName.png” 通缉回报:“fileName-2/03/2020-10:26:32”

我做错了什么?


我尝试这样:

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

        init: function () {

这是在属性上,当我在语句中使用 alert(file) 工作正常时,返回:12312354_filename。

但是,文件名不会更改为其他 dropzone 方法中的参数。

标签: javascriptdropzone

解决方案


这对我来说适用于 5.2.0:

<script type="text/javascript">

var CountFiles = 0;

$(document).ready(function () {

    Dropzone.autoDiscover = false;

    var Drop1 = new Dropzone("div#myPrincipalDropzone", { url: "/Article/UploadFiles",

        paramName: "file",
        maxFiles: 1,
        maxFilesize: 1200,
        maxFileHeight: 840,
        maxFileWidth: 840,
        acceptedFiles: ".png,.jpg",           
        addRemoveLinks: true,
        parallelUploads: 1,
        renameFile: function () {
            let newname = new Date().getTime() + '_' + 'Test';
            console.log("Nombre en RenameFile:" + newname);
            return newname;
        //},

        //init: function (newname) {

            this.on("addedfile", function (file) {

但是,ajax 发送的一些@Model.Params 正在传递“null”,这适用于原始文件名。我仍在调查为什么会发生这种情况,但希望这有助于迷失的灵魂。


推荐阅读