javascript - Une fois que JS a utilisé Canvas pour compresser l'image, le fichier blob généré est téléchargé en arrière-plan et les informations de nom de fichier d'origine du fichier ne peuvent pas être obtenues.

Question

Les fichiers d'entrée [0] peuvent obtenir le nom de fichier et le nom de fichier original

Mais une fois compressé, il ne peut plus être récupéré

Answer 1

Une fois l'image compressée par Canvas, tout ce que vous obtenez est le fichier lui-même sans aucune information de nom. Vous pouvez ajouter un champ et transmettre le nom au backend lors de la soumission

 ;

var formdata = new FormData();
formdata.append('0', blod);
formdata.append('filename', file.filename);

Answer 2

formData.append(name, value);
formData.append(name, value, filename);

La méthode formData append a un troisième paramètre, qui est utilisé pour définir le nom de fichier du blob que vous construisez. Le paramètre filename présente des problèmes de compatibilité avec certains appareils Android 4.x.

API MDN

Answer 3

Vous pouvez jeter un œil au contenu que j'ai résumé sur le téléchargement d'images. J'espère qu'il vous sera utile.

S'il vous plaît cliquez sur moi pour le lien