imageviewer | customizable Android full-screen image viewer | Widget library

You need to escape the image so that it can be used in a URL, use the built-in filter urlencode

Try to use data:form-data, and you can insert key with values into this FormData() obj then you can transmit it to your controller. If you want to know more about FormData() then read here

Below is a work demo,you can refer to it:

controller.cs:

HTML id attribute should be unique. In your code, only the first element with id=productImage is being replaced.

What you could do is use $(this).find(selector). This will find the element inside the current element.

In the code below, the current element is .uploadFile and .find() will search inside that element.

May be because you have UTF8 encoded a binary file as text with the line

buf.write(byteArrayOutputStream.toString("UTF-8"));

Your addAttachment method looks weird

try this instead

The main problem is that by default the pixmap is not resized when QLabel is resized, so setScaledContents(True) must be used.

Note that the algorithm used for the zoom and translation doesn't work very well, as it doesn't consider the change in the range of the scroll bars correctly.

I propose an alternate version that actually zooms on the mouse similarly to what happens in common image viewers/editors and map viewers. The trick is to map the mouse position to the label, and get the delta based on the scaled position:

Just remove the reading part again which doesn't make sense

It is likely that the bitmap1 lacks alpha channel, so when drawing, it will overwrite everything. You might want to consider for example making newBitmap completely red, and instead map the color channel to the alpha channel. I.e. newBitmap.SetPixel(i, j, Color.FromArgb((int)r, 1, 0, 0)); and switch the rendering order so that newBitmap is drawn last.

Also, dont forget to dispose all the created bitmaps and graphics objects.

You might also consider creating a custom function for fusing the pixel data, i.e. take the 16-bit values from the left and right image and use some custom function to produce a color value, since this should allow for far greater flexibility in how to visualize the data. But for this to work you need to access the raw 16-bit pixel data, and probably to write your own resize function for said 16-bit data. This would typically also involve some kind of windowing function to map the 16-bit data to 8 bit values.

You might also need some kind of registration function to accurately combine each dataset, since there is usually no guarantee they will align correctly from just resizing.

You might also want to look at Fast work with bitmaps in order to get any kind of rendering speed.

If you don't want to show the GUI then a possible solution is to use the Qt::WA_DontShowOnScreen flag, for this you must do the following:

• Remove imageViewer.show() in main_GUI.
• Add imageViewer.setAttribute(Qt.WA_DontShowOnScreen, True) and imageViewer.show() in Viewer fixture.

The problem is you are constructing the ImageViewer with another QGraphicsView that you made in Qt Designer, "qgraphic_image", as its parent. This makes it a child widget inside of that parent graphics view, and it's effectively invisible as its viewport rect has no size (that is why you got a division by 0 error).

You can remove the "qgraphic_image" from your UI file, for now I just replaced it in the layout to try it: