Hola a todos. Estoy armando un previsualizador de imágenes usando FileReader. El problema surge cuando subo imágenes de gran tamaño (mayores a 1,5 MB), las cuales son mas altas que anchas. Por ej: 2132x2344.
En estos casos toma la imagen de forma horizontal, es decir 2344x2132.
Alguien me podría decir por que ocurre esto?
Muchas gracias!!
input.addEventListener("change", function(evt) {
var i = 0, len = this.files.length, img, reader, file;
for (; i < len; i++) {
file = this.files[i];
if (!!file.type.match(/image.*/)) {
if (window.FileReader) {
reader = new FileReader();
reader.onloadend = function(e) {
showUploadedItem(e.target.result, file.fileName);
};
reader.readAsDataURL(file);
}
if (formdata) {
formdata.append("imagen", file);
}
}
}
}, false);
function showUploadedItem(source) {
$("#image-prev").html("");
$("#image-prev").append("<img src='" + source + "' style='height:100px' />");
}