Я использую DropzoneJS script для загрузки изображений с перетаскиванием, но теперь я ищу решение для как добавить текущие временные метки с именем файла перед загрузкой в папку сервера, потому что я не могу загрузить одно и то же изображение, если файл уже существует в папке.
Я также ссылался ниже на ссылку stackoverflow, но я запутался, где это реализовать.
Вот dropzone.js script для справки
Пожалуйста, проверьте следующий код, который я использовал с помощью PHP.
Используйте следующий код в индексе
$(document).ready(function() {
Dropzone.autoDiscover = false;
var fileList = new Array;
var i =0;
$("#some-dropzone").dropzone({
addRemoveLinks: true,
init: function() {
// Hack: Add the dropzone class to the element
$(this.element).addClass("dropzone");
this.on("success", function(file, serverFileName) {
fileList[i] = {"serverFileName" : serverFileName, "fileName" : file.name,"fileId" : i };
//console.log(fileList);
i++;
});
this.on("removedfile", function(file) {
var rmvFile = "";
for(f=0;f<fileList.length;f++){
if(fileList[f].fileName == file.name)
{
rmvFile = fileList[f].serverFileName;
}
}
if (rmvFile){
$.ajax({
url: "http://localhost/dropzone/sample/delete_temp_files.php",
type: "POST",
data: { "fileList" : rmvFile }
});
}
});
},
url: "http://localhost/dropzone/sample/upload.php"
});
});
upload.php
<?php
$ds = DIRECTORY_SEPARATOR; // Store directory separator (DIRECTORY_SEPARATOR) to a simple variable. This is just a personal preference as we hate to type long variable name.
$storeFolder = 'uploads'; // Declare a variable for destination folder.
if (!empty($_FILES)) {
$tempFile = $_FILES['file']['tmp_name']; // If file is sent to the page, store the file object to a temporary variable.
$targetPath = dirname( __FILE__ ) . $ds. $storeFolder . $ds; // Create the absolute path of the destination folder.
// Adding timestamp with image name so that files with same name can be uploaded easily.
$date = new DateTime();
$newFileName = $date->getTimestamp().$_FILES['file']['name'];
$targetFile = $targetPath.$newFileName; // Create the absolute path of the uploaded file destination.
move_uploaded_file($tempFile,$targetFile); // Move uploaded file to destination.
echo $newFileName;
}
?>
delete_temp_files.php
<?php
$ds = DIRECTORY_SEPARATOR; // Store directory separator (DIRECTORY_SEPARATOR) to a simple variable. This is just a personal preference as we hate to type long variable name.
$storeFolder = 'uploads';
$fileList = $_POST['fileList'];
$targetPath = dirname( __FILE__ ) . $ds. $storeFolder . $ds;
if(isset($fileList)){
unlink($targetPath.$fileList);
}
?>
Надеемся, что это будет полезно для загрузки изображений с помощью ajax и удаления с помощью ajax:)
Я нашел из следующих ссылок:
Dropzone.js- Как удалить файлы с сервера? Кнопка удаления Dropzone.js с php
Также добавьте следующий код в файл dropzone.js после строки # 1110, чтобы предотвратить загрузку дубликатов файлов одинаковым именем:)
Dropzone.prototype.addFile = функция (файл) {
if (this.files.length) {
var _i, _len;
for (_i = 0, _len = this.files.length; _i < _len; _i++) {
if(this.files[_i].name === file.name && this.files[_i].size === file.size){
return false;
}
}
}
Чтобы префикс имени файла с меткой времени каждый раз перед загрузкой, у вас есть два варианта в зависимости от вашей версии DropzoneJS.
В более новых версиях DropzoneJS 5.1 + есть функция renameFile, которая используется следующим образом:
...
renameFile: function (file) {
file.name = new Date().getTime() + '_' + file.name;
}
...
В старых версиях v4.3 - v5.1 это делается немного иначе.
В этой версии есть опция renameFilename, она используется следующим образом:
Dropzone.autoDiscover = false;
$(document).ready(function () {
$(".dropzone").dropzone({
renameFilename: function (filename) {
return new Date().getTime() + '_' + filename;
}
});
});
Счастливое кодирование, Kalasch
Я просто использовал стандартное переименование файла php.
$targetFile = $targetPath . $_FILES['file']['name']; //the original upload
$newfilename = "somename" . $variable . ".jpg"; //a new filename string
rename($targetFile , $new); //rename at the end of the function