PrestaShop:上传产品定制时保留文件名和扩展名(至少保留扩展名)

我正在与prestshop合作，允许用户在将产品添加到购物车时上传自己的文件。

我已经在后端启用了它，在前端，我按照本教程进行设置。

下面是处理ajax调用和上传文件的代码块。我希望它保留用户在上传时提供的文件的原始名称和扩展名。

这可能吗?

var files = new Array();
$('.customizationUploadLine').find('input[type="file"]').on('change', prepareUpload);
// Grab the files and set them to our variable
function prepareUpload(event)
{
  files.push({'name' : event.target.name, 'file' :event.target.files[0]});
}

function previewFile(target, file) {
    $('#uniform-'+target.attr('id')).before($('<img id="preview-'+target.attr('id')+'"/>'));
    var preview = $('#preview-'+target.attr('id'));
    var reader  = new FileReader();
    preview.attr('width', 64);
    reader.onloadend = function () {
        preview.attr('src', reader.result);
    }
    if (file) {
        reader.readAsDataURL(file);
    } else {
        preview.attr('src', "");
    }
}

$('#uploadTrigger').click(function(e) {

    if(files.length > 0)
    {
        $('<div class="myoverlay"></div>').css({
            'position' : 'fixed',
            'top' : 0,
            'left' : 0,
            'background' : 'black',
            'background' : 'rgba(0,0,0,.5)',
            'z-index' : 5999,
            'width' : '100%',
            'height' : '100%',
            'cursor' : 'pointer'
        }).appendTo('body');
        $('<div class="uploadingfiles">Your files are being uploaded...<img src="'+baseUri+'themes/default-bootstrap/img/ajax-loader.gif"></div>')
            .css({
                'position' : 'absolute',
                'top' : '30%',
                'left' : '50%',
                'width' : '300px',
                'margin-left' : '-150px',
                'text-align' : 'center',
                'padding' : '10px',
                'background' : 'white'
            })
            .appendTo('.myoverlay');

        var data = new FormData();
        $.each(files, function(key, obj)
        {
            data.append(obj.name, obj.file);
        });
        data.append('submitCustomizedDatas', 1);
        data.append('ajax', 1);
        $.ajax({
            url: $('#customizationForm').attr('action'),
            type: 'POST',
            data: data,
            cache: false,
            dataType: 'json',
            processData: false,
            contentType: false,
            success: function(data, textStatus, jqXHR)
            {
                if(typeof data.errors === 'undefined')
                {
                    $.each(files, function(key, obj)
                    {
                        $('input[name="'+obj.name+'"]').addClass('filled');
                        previewFile($('input[name="'+obj.name+'"]'), obj.file);
                    });
                    $('.uploadingfiles').text('Upload Complete!');
                }
                else
                {
                   $('.uploadingfiles').text('Error while uploading, please refresh the page and try again');
                }
                $('.myoverlay').click(function(){$(this).remove()});
            },
            error: function(jqXHR, textStatus, errorThrown)
            {
               $('.uploadingfiles').text('ERRORS: ' + errorThrown);
                $('.myoverlay').click(function(){$(this).remove()});
            }
        });
    } // end checking files length
    else alert('Nothing to upload!');
});

当前文件上传到uploads目录(太棒了!)，但它有一个非常时髦的名字，没有扩展名。我希望图像保留名称和扩展名，以便我可以将该信息传递到结帐屏幕并在那里显示他们上传的图像。