KAZ/webtransfer
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

unzip file, transfer with stringify break blob

Browse Source
This commit is contained in:
GMrrc
2024-11-19 20:48:22 +01:00
parent e039f04879
commit 34d3d8eea0
5 changed files with 1144 additions and 1083 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/components/FileTable.vue
View File

@@ -200,34 +200,32 @@ export default {
if (!this.isAddFilePopupVisible) this.newFileName = '';
},
async onDrop(event) {
// Récupérer les données transférées (fichier JSON)
const file = JSON.parse(event.dataTransfer.getData('file'));
// Gérer le déplacement du fichier ici
await this.moveFileToTarget(file);
event.preventDefault();
try {
const fileData = JSON.parse(event.dataTransfer.getData('application/json'));
if (Array.isArray(fileData.content)) {
fileData.content = new Uint8Array(fileData.content);
}
await this.moveFileToTarget(fileData);
} catch (error) {
console.error('Erreur lors du drag and drop :', error);
}
},
async moveFileToTarget(file) {
console.log(file);
const fileData = JSON.parse(event.dataTransfer.getData('file'));
console.log(fileData);
const client = getClient(); // Votre client WebDAV (assurez-vous que c'est bien un client qui prend en charge les uploads)
// Exemple d'upload de fichier via un Blob
const path = this.current_dir + "/" + fileData.name; // Chemin complet de destination sur le serveur WebDAV
// Créer un Blob à partir du fichier (si `file` est un objet `File` ou `Blob`)
// Exemple de conversion du fichier en Blob si nécessaire
const fileBlob = new Blob([fileData._data.compressedContent], { type: 'application/octet-stream' });
console.log(fileBlob)
try {
// Utilisation de PUT pour télécharger le fichier sur WebDAV
await client.putFileContents(path, fileBlob);
const client = getClient();
const path = this.root_path + this.current_dir + file.name;
if (ArrayBuffer.isView(file.content)) {
file.content = Buffer.from(file.content);
}
// Logique pour déplacer le fichier dans la liste, si nécessaire
await this.fetchFiles(); // Met à jour la liste des fichiers après l'upload
// Vous pouvez aussi retirer ce fichier du premier template, si nécessaire
// this.$emit('removeFile', file);
await client.putFileContents(path, file.content);
// Recharge les fichiers après l'opération
await this.fetchFiles();
} catch (error) {
console.error('Erreur lors du déplacement du fichier:', error);
}

53
src/components/WebContentViewer.vue
View File

@@ -73,18 +73,16 @@ import JSZip from 'jszip';
import ChevronRightIcon from 'vue-material-design-icons/ChevronRight.vue';
import ChevronDownIcon from 'vue-material-design-icons/ChevronDown.vue';
export default {
name: 'WebContentViewer',
data() {
return {
zipContent: [],
pathTable: [],
folderMap: {}, // Map to track folder open/close state
folderMap: {},
archiveUrl: '',
token: '',
ChevronRightIcon,
ChevronDownIcon,
ChevronDownIcon
};
},
props: {
@@ -138,10 +136,12 @@ export default {
const zip = await JSZip.loadAsync(zipData);
const files = [];
const filePromises = [];
zip.forEach((relativePath, file) => {
const pathParts = relativePath.split('/').filter(Boolean);
let currentLevel = files;
for (let i = 0; i < pathParts.length; i++) {
const partName = pathParts[i];
const isDirectory = i < pathParts.length - 1 || file.dir;
@@ -152,21 +152,35 @@ export default {
name: partName,
isDirectory,
size: isDirectory ? 0 : file._data.uncompressedSize,
children: isDirectory ? [] : null,
file: file,
content: isDirectory ? null : '', // Initialiser 'content' pour les fichiers
children: isDirectory ? [] : null
};
currentLevel.push(existing);
}
if (isDirectory) {
currentLevel = existing.children;
} else {
// Lire le contenu des fichiers non répertoires
if (file.dir) continue;
if (!existing && existing.size > 50 * 1024 * 1024) {
console.warn(`Fichier ${existing.name} trop volumineux pour être chargé`);
continue;
}
const promise = file.async("blob").then(content => {
existing.content = content;
});
filePromises.push(promise);
}
}
});
// Attendre que tous les contenus de fichier soient extraits
this.zipContent = files;
// Initialize folderMap
// Initialiser folderMap
const initializeFolderMap = (files, parentPath = '') => {
files.forEach(file => {
const fullPath = parentPath ? `${parentPath}/${file.name}` : file.name;
@@ -178,10 +192,14 @@ export default {
};
initializeFolderMap(this.zipContent);
await Promise.all(filePromises);
console.log('Contenu du ZIP chargé avec succès');
} catch (error) {
console.error('Erreur lors du chargement du contenu du ZIP :', error);
}
},
formatFileSize(size) {
if (size < 1024) return `${size} B`;
if (size < 1024 * 1024) return `${(size / 1024).toFixed(2)} KB`;
@@ -193,9 +211,22 @@ export default {
const currentState = this.folderMap[file.fullPath];
this.$set(this.folderMap, file.fullPath, !currentState);
},
onDragStart(file, event) {
// Sauvegarder l'objet du fichier dans l'événement
event.dataTransfer.setData('file', JSON.stringify(file.file));
async onDragStart(file, event) {
if (!file || !file.content) {
event.preventDefault();
return;
}
let fileToTransfer = { ...file }; // Clone l'objet file
if (file.content instanceof Blob) {
// Convertir le Blob en base64 string
const arrayBuffer = await file.content.arrayBuffer();
const uint8Array = new Uint8Array(arrayBuffer);
fileToTransfer.content = Array.from(uint8Array); // Convertir Uint8Array en array normal
}
event.dataTransfer.setData('application/json', JSON.stringify(fileToTransfer));
},
},
};