DecSoft Support - Preview a image and get his dimensions

Preview a image and get his dimensions

DecSoft App Builder integrates an Open AI assistant in order to assist you while developing your apps.

Take a look at our YouTube channel and subscribe to be notified about new videos!

Save money by purchasing our NeoPlugins bundles. Five, Ten and even the complete NeoPlugins collection at an incredible price!

DecSoft NeoPlugins put your VisualNeo projects into another level with +1,000 new actions for your apps.

Create multiplatform apps with DecSoft App Builder, including Android and iOS with the same base of code.

DecSoft HTML Compiler is easy to use: set your project's options and compile your apps and games in a nutshell.

Create apps and expand their capabilities by using the world's popular programming language: Javascript.

Save time, resources and money creating apps for Android, iOS and more with the same base of code.

DecSoft HTML Compiler include a convenient Command Line Compiler, so you can compile your apps from the console.

Apache Cordova's official plugins are supported out of the box and there are hundreds of plugins ready to use.

DecSoft App Builder include a convenient Command Line Compiler, so you can compile your apps from the console.

Create modern HTML apps and games at another level making things impossible to do even by modern HTML apps and games.

Take a look at some frequently asked questions about us and our products!

Compile, convert your modern HTML apps and games into Microsoft Windows executable programs without dependencies.

DecSoft NeoPlugins are available in both runtime and designtime flavours to keep your apps as small as possible.

Design for small screen devices but deploy also (without changes) in larger devices like 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.

Everybody can read the DecSoft support forum for learning purposes, however only DecSoft customers can post new threads. Purchase one or more licenses of some DecSoft products in order to give this and other benefits.