How to get the files from Multifile Upload Field

I want to check image resolution before an image is uploaded to the server, but I am having trouble with obtaining the image file. I use the gform_file_upload_markup filter and grab up.files which returns a file list, but when I try to use Javascript’s FileReader api to get image dimensions I cannot. The error is: “Uncaught TypeError: Failed to execute ‘readAsDataURL’ on ‘FileReader’: parameter 1 is not of type ‘Blob’.” and parameter 1 is a file in the file list.

Here is my code:

  gform.addFilter( 'gform_file_upload_markup', function( html, file, up, strings, imagesUrl, response ) {
      for (let i = 0; i < up.files.length; i++) {
        const file = up.files[i];
        const reader = new FileReader();
        reader.onload = (e) => {
          const image = new Image();
          image.src =;
          image.onload = function () {
            var width = this.width;
            var height = this.height;
            const filesize = Math.round((size / 1024));
            console.log("The width is: " + width);
            console.log("The height is: " + height);
            console.log("The size is: "+ size);

Anyone at all?

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.