DecSoft Soporte - Preview a image and get his dimensions

Preview a image and get his dimensions

Los plugins oficiales de Apache Cordova se incluyen de serie y hay cientos de ellos disponibles para su uso.

Ahorre dinero comprando nuestros paquetes de NeoPlugins. ¡Cinco, Diez e incluso nuestra colección entera a un precio increíble!

DecSoft NeoPlugins pone sus proyectos de VisualNeo en otro nivel con +1.000 nuevas acciones para sus apps.

Ahorre tiempo, recursos y dinero creando apps para Android, iOS y más con la misma base de código.

¡Eche un vistazo a algunas de preguntas más frecuentes sobre nosotros y nuestros productos!

Los NeoPlugins de DecSoft tienen versiones "designtime" y "runtime" para reducir el tamaño de sus apps.

DecSoft HTML Compiler incluye un conveniente Compilador por línea de comandos para compilar sus apps desde la consola.

¡Eche un vistazo a nuestro canal de YouTube y suscríbase para recibir notificaciones sobre nuevos vídeos!

Compile, convierta sus modernas apps y juegos HTML en programas ejecutables sin dependencias para Microsoft Windows.

DecSoft App Builder incluye un conveniente Compilador por línea de comandos para compilar sus apps desde la consola.

Cree apps y expanda sus capacidades usando el lenguaje más popular del mundo: Javascript.

DecSoft HTML Compiler es fácil de usar: personalize su proyecto y compile sus apps y sus juegos rápidamente.

Cree modernas apps y juegos HTML a otro nivel haciendo cosas que incluso las modernas apps y juegos HTML no pueden.

DecSoft App Builder integra un asistente de Open AI para ayudarle mientras desarrolla sus apps.

Cree apps multiplataforma con DecSoft App Builder, incluyendo Android e iOS, con la misma base de código.

Diseñe para pantallas pequeñas y distribuya también (sin cambios) en dispositivos como tablets.

John Clarke

I am using the File Object to load an image into an Image Object. If I use

views.view1.file1.value[0].name

I get the name of the file excluding the path. When I look at https://cordova.apache.org/docs/en/3.0.0/cordova/file/fileobj/fileobj.html I get the impression that I should be using fullPath. I presume that I need to load the file into my image using :

splatIMG.url = ...

is that correct ?

DecSoft

Hello John,

If what you wanted is to shown the choosed image (to preview it before upload, for example), just put the below code in the Change event of the Input File control:

var
  reader = new FileReader();

reader.onload = function(e) {
  views.view1.image1.url = e.target.result;
}

reader.readAsDataURL(views.view1.file1.value[0]);

Purchase one or more licenses of our products if they are useful to you!

John Clarke

If I load an image can I get the Width and Height of the Image ? If so how ?

DecSoft

Hello John,

Yes; we can use the same Change event of the Input File control. Take a look bellow, we do both things: show the image in an Image control, and, get the choosed image dimensions:

var
  reader = new FileReader();

reader.onload = function(e) {

  var
    img = new Image();

  img.onload = function () {
    alert(this.width + 'x' + this.height);
  };

  img.src = e.target.result;

  views.view1.image1.url = e.target.result;
}

reader.readAsDataURL(views.view1.file1.value[0]);

Purchase one or more licenses of our products if they are useful to you!

John Clarke

Thank you for your help regarding this matter.

Todo el mundo puede leer el foro de soporte de DecSoft para aprender del mismo, sin embargo, sólo los clientes de DecSoft pueden abrir nuevos hilos. Compre una o más licencias de productos de DecSoft y obtendrá este y otros beneficios.