Ciao Sto utilizzando il seguente codice per ottenere l'immagine di caricamento utilizzando File Reader API:JS - File Reader API ottenere dimensioni del file immagine e le dimensioni
<script type="text/javascript">
var loadImageFile = (function() {
if (window.FileReader) {
var oPreviewImg = null, oFReader = new window.FileReader(),
rFilter = /^(?:image\/bmp|image\/cis\-cod|image\/gif|image\/ief|image\/jpeg|image\/jpeg|image\/jpeg|image\/pipeg|image\/png|image\/svg\+xml|image\/tiff|image\/x\-cmu\-raster|image\/x\-cmx|image\/x\-icon|image\/x\-portable\-anymap|image\/x\-portable\-bitmap|image\/x\-portable\-graymap|image\/x\-portable\-pixmap|image\/x\-rgb|image\/x\-xbitmap|image\/x\-xpixmap|image\/x\-xwindowdump)$/i;
oFReader.onload = function (oFREvent) {
/*get image*/
var _img = oFREvent.target.result;
console.log(oFREvent.target);
/*add img to hidden input text*/
localStorage.photo = _img;
oPreviewImg.src = oFREvent.target.result;
};
return function() {
var aFiles = document.getElementById("imageInput").files;
if (aFiles.length === 0) { return; }
if (!rFilter.test(aFiles[0].type)) {
notify("You must select a valid image file!",3400,false); return;
}
oFReader.readAsDataURL(aFiles[0]);
}
}
})();
</script>
<form name="uploadForm">
<p><input id="imageInput" type="file" name="myPhoto" onchange="loadImageFile();" /><br />
<input type="submit" value="Send" /></p>
<input type="hidden" id="photo_1_hidden" name="photo_1"/>
</form>
funziona benissimo e restituisce i dati base64 della Immagine.
ora mi piacerebbe ottenere anche la dimensione del file immagine e la larghezza e altezza dell'immagine.
È possibile?
Ho provato ad accedere al file console ma non riesco a trovare quello che sto cercando.
Qualsiasi aiuto appagato, grazie mille!
sì ma per quanto riguarda le dimensioni del file? – bombastic
dimensioni aggiunte, mi dispiace, mi sono perso anche tu che ti piacerebbe la taglia. Se fossi intelligente, probabilmente potresti fare solo una richiesta. –
L'URL della versione live ha avuto un problema DNS. – LukyVj