Had a question about how to make image saving easier with kineticJS, which has, by the way, proved to be an awesome framework. With it, I created this app that enables teachers in our prof dev courses to create a classroom map and save it as an image:
http://courses.edtechleaders.org/html_cores/trainingcores/multimedia/classroom_app/
The issue is that a lot of teachers run into problems when the new window containing the image opens up. Some end up having the window blocked, saving the wrong file, or not being able to find the file. I was wondering if there was a way to have a file reference window open (or a save button appear) so that the user could save the image to his/her local machine with a click, without having to deal with a pop-up. I tried working in some code from here -
http://greenethumb.com/article/1429/user-friendly-image-saving-from-the-canvas/
But I kept getting 'file not found' messages on the PHP files that I set up and other cryptic error messages. So I'm looking for a solution that we know meshes well with kineticJS (and hopefully uses minimal to no php.) Any help would be greatly appreciated!
Thanks!
Nevin
These days, popup is not recommended and not supported by many browsers.
Furthermore, you cannot pick a location to save your image on your client machine. This is a big security issue.
Think about this, if you click this link, save a password program on users' machine. serious, right? Instead, I would recommend the following steps.
add a hidden dialog div at the end of your html, or anywhere
<div id="popup"></div>
create an image and add to this popup, then show it up using JQuery UI.
stage.toDataURL({
callback: function (dataUrl) {
$("#popup").html( $("<img />").attr("src", dataUrl) );
$("#popup").append("To save image, right-click, Save Image As");
$("#popup").dialog();
},
mimeType: 'image/png',
quality: 1
});
I did not tested the above, but from my experience, it should work.
Related
I am coding some basic html code just to display an image banner to our OBIEE dashboard but failed to do so. I am a newbie in terms of programming so feel free to correct me in anyway. So, here's the detail.
I am currently working in the static text layout where the old banner was coded, I remove them and replace with a basic code that only import an image see here.
*Oracle Business Intelligence 12.2.1.4.0
I have tried coding it thru HTML,CSS, & Javascript those only the few I basically know. I did my research and follow some tutorials but no glimpse of hope to it, it does work when I relay the output in a browser while coding it in Visual Studio.
What I want is just to display it successfully and not to show a image icon. Hope someone can help me out. Thank You :)
I am struggling to comprehend where Visual Studio comes into this but assuming you want to just have an image on a dashboard then there are lots of options
It looks like you are trying to insert a remote image which is going to cause all sorts of security issues that are likely to mean it will get blocked.
The simplest is to just add a "link or Image" object and use a local image. If you click on the select image button there is an option to upload image and select it for display.
If you want to use html then you just need to add a text object and add the img html
<img src="https://someurl.com/img.jpg" />
but you are going to need to change lot of security policies to allow the content to be displayed.
There are other options to host the file locally such as a shared folder (https://gianniceresa.com/2017/02/obiee-12c-custom-style-using-shared-folder/) but the upload is far simpler.
If you insist of using a remote image you will need to understand security policies (CSP, XSS etc.) which aren't OBIEE specific but standard web server
This feels like it should be dead simple but I've not tried anything like this in google sheets before.
I have an image on a sheet but I want it to change to another image (either via altering the image url, or just hiding one and showing another etc) either via clicking the images themselves or just via a button but have no idea where to start with this and all my googling has ironically, turned up absolutely nothing.
Any help or pointers to useful sources would be greatly appreciated!
insert checkbox:
try:
=IF(A1; IMAGE("https://i.stack.imgur.com/futhU.png");
IMAGE("https://i.stack.imgur.com/JKel8.png"))
or:
=IMAGE("https://i.stack.imgur.com/"&IF(A1; "futhU"; "JKel8")&".png")
I am in the process of integrating the Image2 (enhanced image) plugin into my CkEditor.
My use case for this plugin is for allowing users to upload images from local machines to the server.
So far so good, but the default upload process of this plugin has some steps I would like to be able to skip.
For instance, whenever I click the Image button in the editor's toolbar, I'd like the uploader to automatically open the file browser instead of just popping up the standard file managed dialog.
Also, I would like for the upload process to be automatically started whenever the user choodses the image to upload (by default, the plugin requires a click on the "Upload it"/"Send it to the server" button). Actually, I would like to remove the "Upload it"/"Send it to the server" button entirely.
Last but not least, I'd like the dialog to close automatically whenever an image is successfully uploaded.
Feels like almost a no-brainer to me, but I could not find anyone that actually managed to solve this situation, despite the fact that this kind of question has been asked many times around the net in recent years.
Can someone point me in the right direction? thank you.
I am currently working on a project that has decided to incorporate Image Gallery from DevExpress MVC. Previously when put into the page, we had an bug come up where if the SettingsFullscreenViewer.Visible was set true, you could not upload. However, once turned to false, we could upload and do whatever on development.
We pushed to our testing site and discovered now we get the following error: "Error executing child request for handler 'System.Web.Mvc.HttpHandlerUtil+ServerExecuteHttpHandlerWrapper.'" It only fires when there is an image within the Image Gallery for that particular item. The thumbnails of the image just sit there and spin.
I am somewhat at a loss and was curious if anyone else has had issues with this control also.
I figured out the issue. The issue was that my ImageCacheFolder was trying to create itself but did not have permissions. Once I added permissions to the particular folder I had for uploads, the issue went away.
I'm designing an e-mail template for a company and it tests great in everything besides Outlook. For some reason the bottom images of the email look like they're loading half way and then stop. I've found information online that Outlook won't load images with a height greater than 1728px, but the tallest image we have is much shorter than that. There are images beyond 1728px on the page that are loading just fine, so I'm not sure that's the issue. Does anyone have any experience with this? Any advice would be helpful.
Hi Here is a quick solution for this to be done in the outlook.
Use photoshop and follow this steps:
Once the design is over, slice up the image parts / height(1728px as per yout example).
Save this as, File->Save for web and device. click save. you will get option under save box
Under format change this to HTML and image from drop down.
Save them in one folder. A new HTML file and image file will be created in this folder.
Open this HTML file in a browser.
Just copy and paste the content in the outlook using a single cell table.
That's you are done. Now your image will load without any problem.