Is there a way to upload an image via button to change the current PictureUploader? Without having to use JavaScript? The only questions related to my question are mutli-images when I’m trying to just do one upload.
Also, how do I get an uploaded image to appear in a separate data field. For example, A user uploads an image but I also want a couple to go under the Photos database.
Yes you can use a button to change the picture uploader…set it up in a workflow…when button is clicked…then change the value of the image in your D.B or if using a custom state change that
not sure what you second question is about though…i assume you are asking to save the image in a second location in the d.b. it is not complicated just create another datatype with a datafield of image and save the uploaded image to both
I’m interested in this as well, but I’m not sure how to open up a dialog to pick the image to upload. I’d like to use a button vs the built in picture uploaded.
Ah, I guess you’re right if you just want it to look like a button. In my case I wanted to mimic Instagram, a little camera icon to upload an image, and that Javascript snippet worked quite simply for that case.
The camera icon remained. So i had the image uploader as 1x1 pixel on the page and then clicking the camera icon would prompt the user to choose a file or take a picture.
My problem is the “button” (either image of a button or actual picture uploader button) converts to an image once the first image is uploaded. I’d like it to remain looking like a button.
@boston85719 it looks like the “button” still converts into the new uploaded image using your method, right?
I thought perhaps that resetting the input after uploading might do it, but it appears not.
That said, I have an enhanced uploader that I developed for use internally. It does this and more. I may be releasing it to the marketplace (not free though) after I add a couple features that I need.
@shot Ah ha! Your suggestion made me thing to try something else, which worked. Reset the group the image uploader is in, and the picture will reset to the original.
I almost always put any type of input into a group so that I can reset it properly. The bubble built in workflow of reset input doesn’t help when you have more than one input on a page so the group method is how I ensure proper resetting of inputs.
A whole bunch of other issues you may want to consider when uploading images…
file size (cost of storage is directly impacted so it is important when considering monetizing your app through subscriptions etc.)
file name (helpful for SEO purposes and URLs etc.)
image dimensions (affects the layouts of your pages, especially when considering product images in repeating groups of search results)
file manager for deletion (this is also associated with storage of the app. When a user deletes or abandons their account on the app you need to delete those files from your file manager so that you are not paying for storage of images not needed)
alt text (also associated with file name and useful for SEO purposes)
Because of all these other considerations I abandoned the bubble image uploader and instead use the croppie plugin to upload images as it gives much greater control over all aspects I find important when managing images.