Je n'expliquerai pas en détail l'API de fichier ici. Amis, prenons soin de vous. Lorsque nous venons, nous devons utiliser la poignée du fichier pour lire le contenu du fichier. Ceci est réalisé via FileReader. Grâce à l'interface FileReader, nous pouvons charger le contenu de fichier de manière asynchrone dans la mémoire et attribuer une certaine variable JS.
La copie de code est la suivante:
fonction getImgsrc (cible, rappel) {
if (window.fileReader) {
var opreViewImg = null, ofReader = new Window.FileReader ();
ofreader.onload = fonction (ofRevent) {
opreViewImg = new Image ();
var type = cible.files [0] .Type.split ("/") [1];
var src = ofRevent.target.result;
opreViewImg.src = src;
if (typeof callback == "function") {
rappel (opreViewImg, cible, type, src);
}
return opreViewImg.src;
};
return (function () {
var afiles = cible.files;
if (afiles.length === 0) {
retour;
}
if (! isimgType (afiles [0] .type)) {
alert ("vous devez sélectionner un fichier image valide!");
retour;
}
if (afiles [0] .size> 1024 * 1024) {
Target.Value = "";
alert ('Veuillez télécharger la taille du fichier d'image inférieure à 1 m.');
retour;
}
ofreader.readasdataurl (afiles [0]);
}) ();
}
if (Navigator.appname === "Microsoft Internet Explorer") {
return (function () {
document.getElementById ("ImagePreview"). Filters.item ("DoxyageTransform.microsoft.alphaimageLoader"). Src = Target.Value;
}) ();
}
}
Ce qui précède est le code clé pour télécharger des images avec JavaScript combinée avec FileReader. Aimez-vous?