Latest Contributions by TomSellsted

John, Brilliant!  This was exactly what was missing.  The file uploaded quickly and was resized as expected.  I did use dojo domConstruct instead of put.  Here is the code that I used: var formNode = domConstruct.create("form",{"method":"post","enctype":"multipart/form-data"}); var formData = new FormData(formNode); formData.append("file",imageResized,filename); ‍‍‍‍‍‍‍ Thanks very much!  A great way to end my day! Regards, Tom ... View more

John, Do you have an example of how you pass a html <form> node in a FormData object? Regards, Tom ... View more

Robert, I am using the Chrome debugger and I can definitely see that the variable is loaded before I hit the upload button.  The resize takes less than a second on a 4M image. Thanks very much! Regards, Tom ... View more

Robert, I am able to draw the resized image back on the screen with the imageDataUrl variable, but I don't really have a way to know for sure if the BLOB that is created in the imageResized variable is valid.  I would think that a BLOB is a BLOB and either way I should be able to send it to the server.   Regards, Tom ... View more

Robert, Thanks very much for the quick reply.  Here is the code that I am using to reduce the image size: var imageResized, imageDataUrl; var dataURLToBlob = function(dataURL) {      var BASE64_MARKER = ';base64,';      if (dataURL.indexOf(BASE64_MARKER) == -1) {           var parts = dataURL.split(',');           var contentType = parts[0].split(':')[1];           var raw = parts[1];           return new Blob([raw], {type: contentType});      }      var parts = dataURL.split(BASE64_MARKER);      var contentType = parts[0].split(':')[1];      var raw = window.atob(parts[1]);      var rawLength = raw.length;      var uInt8Array = new Uint8Array(rawLength);      for (var i = 0; i < rawLength; ++i) {           uInt8Array[i] = raw.charCodeAt(i);      }      return new Blob([uInt8Array], {type: "image/jpg"});      //return new Blob([uInt8Array], {type: contentType}); } on(dom.byId("submitRequest"), "click", sendContent); on(dom.byId('aPhoto'), 'change', function(evt) {      // Read in file      var file = evt.target.files[0];      // Ensure it's an image      if(file.type.match(/image.*/)) {           console.log('An image has been loaded');           // Load the image           var reader = new FileReader();           reader.onload = function (readerEvent) {                var image = new Image();                image.onload = function (imageEvent) {                     // Resize the image                     var canvas = document.createElement('canvas'),                          max_size = 800,                          width = image.width,                          height = image.height;                     if (width > height) {                          if (width > max_size) {                               height *= max_size / width;                               width = max_size;                          }                     } else {                          if (height > max_size) {                               width *= max_size / height;                               height = max_size;                          }                     }                     canvas.width = width;                     canvas.height = height;                     canvas.getContext('2d').drawImage(image, 0, 0, width, height);                     imageDataUrl = canvas.toDataURL('image/jpeg');                     imageResized = dataURLToBlob(imageDataUrl);                };                image.src = readerEvent.target.result;                evt.target.files[0] = readerEvent.target.result;           };           reader.readAsDataURL(file);      }           });‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍ Regards, Tom ... View more

Ah, if that is the case then I would prefer to keep it in context.  It was created to measure geometries. ... View more

Justin, I am not sure I understand your request.  The measure widget was created to provide measurements of different geometry types.  Are you wanting to measure text in some way?  Or are you just wanting the measure widget to add additional text to the map?  If you are wanting to add text to the map the draw tool is ideal for this purpose.   Regards, Tom ... View more

You are welcome! ... View more

Ryan, Thanks very much!  Glad you like it.  You can override the default value by adding 2 lines of below line 124 in the measure Widget.js.  It will look like this: this.textSymChooser.textPreview.innerHTML = "Sample Text";  // line 124 this.textSymChooser.textFontSize.value = 12; this.textSymChooser.textFontSize.textbox.value = "12"; Regards, Tom ... View more

Brett, Thanks very much!   Adding coordinates is probably doable, but will add another level of complexity.  This is compounded even more when editing a measurement.  It will also make the display very busy.  The vertex coordinates would also have to be in same coordinate system as the basemap unless you added logic to project them.  All of the measurements I am calculating is done at the client for speed.  Projecting things at this point, would take a call to a geometry server and would slow things down. All that being said, I would start by adding a new graphicsLayer just for displaying coordinate information.  It will make it easier to manage the coordinate graphics.  Find the _measureClickSegment function.  At the end of the if (gra) operation add logic to add the coordinate x and y information graphics.  I serialize each graphic with this.editGraphicID, so I can properly associate all of the appropriate text with the graphic.  You should set the same ID for each coordinate graphic too.  The lastPoint variable, when populated will contain the x and y information of the coordinates.  Your code would look something like this: var coordText = lastPoint.x + ", " + lastPoint.y var textSymbol = new TextSymbol(coordText, symbolFont, fontColor); textSymbol.setOffset(10,10); var att = {id: this.editGraphicID, index: 999}; var coordGraphic = new Graphic(lastPoint, textSymbol, att, null); this.coordinateLayer.add(lengthGraphic); This should be a good starting point for you to add coordinates to each segment you add to a polyline and polygon geometry. Regards, Tom ... View more

Babatope, This was intentional.  Those geometries are really complex and would be difficult to restrict the type of change made to them.  Recalculating measurements would not work well.  Here is an example: Regards, Tom ... View more

Rich, The printing has been a problem.  I don't have any control of how the printing process moves and changes the text.  There is a screenshot widget https://community.esri.com/people/kmsagis/blog/2015/06/09/kevins-custom-wab-widgets that has been used to create usable images with the text in place.  You might be able to try that and see if you get a better result. Regards, Tom ... View more

Greetings all measure widget users! I have added functionality to the measure widget that will now allow you to show bearings for each drawn segment for polyline and polygon geometries.  Thanks very much to Dean Anderson from Polk County, OR for the code snippet that allowed me to get this working.  You can also edit the polyline or polygon graphic and the bearings will change accordingly. Regards, Tom  ... View more