html store image for upload on page as data string - html

I have a form that should upload image and then show jquery cropper to let user crop image. I don't want to make a form submit. Is there a way to store selected in
<input file...
image content? To prevent uploading. So I select image, then crop it and only after then I save cropped image. Is it possible?

Related

How to put an image that is already in-browser into a form

I want to let my users add an image to a form, similar to how they might upload an image from their browser, but I want them to be able to choose an image that is already in the browser on the page that I delivered to them.
Is this possible?
Show a modal that has a gallery of images and let them choose one of them, on clicking save collect the index/unique id of the image and save the form.
Something like this could help you https://stackoverflow.com/a/35543772

How to download external URL image on button click?

So I am working with download button, so I want to download image based on URL of the image. This image is not present on my website/page, I just want to download image based on it's URL. When person click on download button image, image should start download instead of redirecting to the image. I seen some answers, which says href="path/to/img", but I guess in my case I don't have path, I just have image URL. So how it possible to download image based on button click?
JsFiddle: Click Here!
Code:
<a download="https://i.imgur.com/oIzrKK3.gif" href="https://i.imgur.com/oIzrKK3.gif" title="ImageName"><img src='https://i.imgur.com/yeGaCcS.jpg'/></a>

Drag And Drop html control over a canvas image using Angular Js

I want an Application where a user can drag and drop HTML control like textbox, checkbox, calendar over an image and the user can also able to resize it. I have done so many R&D but didn't find any solution. I am attaching the image below for reference.
[![enter image description here][1]][1]

How do you auto fit an image on a button so that you don't have to stretch the button to show the picture in Access 2010?

I'm building an access database for my music catalog. I've created one main table with a bunch of queries. I want to make a decent looking front end. I have a bunch of buttons with macros assigned to them already. The problem (which I presume is something very small that I'm missing) is that I added a picture to the button it's just a picture of vinyls that would run a query to show my vinyls. The picture only displays a portion rather than the whole picture. I can get it to show the picture by expanding the button size but this is not desired.
Any help is appreciated.
Thank you and Happy Thanksgiving.
The button doesn't resize the image you assign to it.
You first need to resize your picture files to whatever size you deem suitable for the button, then use that scaled down image.
Alternatively, you can use the Image control instead of a button. That control will allow you to resize the image inside it, but it will generally appear slightly blurry, depending on the image and the dimensions you resize it to.
Also, forcing Access to load larger image and then resize them can make your application less responsive if you have a lot of images, since you make it do extra work.
A workaround is to work with an image and a button.
Insert and size the image you need in the form
Add a button, setting its property "transparent" to true
Overlay the transparent buton over the image
Make sure the button is on the topmost layer usuing the "bring forward" in the image menu. We have then the transparent button over the picture
Associate VBA code or macro to transparent button.
For all intent and purposes, user will click on an image, but because there is a transparent button over it, will be in fact clicking on the button

How to create hyperlink in Canvas

I am able to add given text into canvas using jcollage ( http://radikalfx.com/files/collage-with-text/demo.html) plugin but when user entered a text such as: www.example.com, it should automatically be converted to a hyperlink.
Some body please help how to figure that user entered text is hyperlink and how to find hyperlink position because i am converting that canvas as image and showing in web view in Titanium there also if user clicked on hyperlink i have to transfer it to that page.
That's not as simple as you might think.
The canvas doesn't actually "store" the text, it's just a grid of pixels. It's not aware of elements drawn on the canvas or anything. As such, the canvas can't "hyperlink" a text element.
One of the options would be to add a click event listener to the canvas, get the x/y of the event, and if you hit the text, redirect to the url. To do this you would need to keep track of the text's position (rotation?) and size, manually.
Another, possibly easier option, would be to simply add a element on top of the image that contains the text. Then, you can simply add a hyperlink.
Working example of a link overlaying the canvas
It's not possible.
In order to make a "hyperlink", you would have to create your own box, fill it with text, keep tabs of its position (in 3D -- to make sure that it's not covered by another layer), style the text in a specific format, and THEN check to make sure that if a person clicks on the canvas, and the click happened on the box, AND the box was the top-most layer, that you'd set the user's window.location to be equal to whatever they typed in (if you validated that it was, indeed a correctly-written URL).