How to not overwrite an uploaded file name ?

[Chrisj]

I'm using dropzone js successfully to upload files from a web page.
However, if a file gets uploaded that has the same name as a file already in the destination folder, it will overwrite the existing folder file.

I tried to remedy this by adding the js script function as shown below, but it didn't work:

<div id="dropzone">
<form action="/uploadDrop.php" class="dropzone"></form>
</div>
 
<script type="text/javascript">
Dropzone.autoDiscover = false;
$(document).ready(function () {
    $(".dropzone").dropzone({
        renameFilename: function (filename) {
            return new Date().getTime() + '_' + filename;
        }
    });
});
</script>

Any help with this will be appreciated.

 

[requinix]

The Javascript shouldn't be the one that sets the filename. Do it in uploadDrop.php. Whose code you did not post.

[Chrisj]

Thanks for your message.

 

Here is the uploadDrop.php code:

<?php
$ds          = DIRECTORY_SEPARATOR;
$storeFolder = 'uploadDrop';
if (!empty($_FILES)) {
    $tempFile = $_FILES['file']['tmp_name'];
    $targetPath = dirname( __FILE__ ) . $ds. $storeFolder . $ds;
    $targetFile =  $targetPath. $_FILES['file']['name'];
    move_uploaded_file($tempFile,$targetFile);
}
?>

Any additional help will be appreciated.

[requinix]

That is not good. Anyone can upload any file to any directory on your server.

 

Here is a link that looks good to me. Ignore the Cloudinary stuff. Read and understand what it does, then adjust it to work with your site.