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.
Related
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 have created a simple working gallery in Flash CS6 with AS3 and published it in SWF.
Then I've inserted it with Dreamweaver into a empty HTML file and uploaded it to my host.
The problem is that it loads and works but goes white after a few seconds, when i right click it, it reacts like a regular flash.
Refreshing doesn't help it stays white and doesn't even work for those few seconds after the first load.
My host is Hostinger Polska. I will provide any information if needed.
EDIT
I've just found out with the help of the chrome dev tools that my SWF is canceled when loading the site but still i have no idea why.
http://spektrum.edu.pl/test/Untitled-1.html
Your swif file works fine but the way you embed it is wrong.
Remove all that dirty html and follow the manual here:
https://code.google.com/p/swfobject/
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.
Uploaded files do not reflect on website.
I've done some editing offline and have uploaded the changes through FTP to my website. Some changes are shown but not on the navigation, logo, and header background (an image). I've copied every file exactly as it should go yet it doesn't reflect on the website.
The website is located on: http://www.vargasjpr.com
Any help on this? I would greatly appreciate it.
Edit:
The logo is supposed to show the logo of the company, not the "Inspiration" logo.
In your browser hold down your SHIFT button and then with your mouse click REFRESH button near the url. I suspect you are viewing the cached copy of old images and just need to clear your cache.
The other way is Tools -> Internet Options ... via browser menus.
This is the logo URL I see: http://www.vargasjpr.com/images/logo.png
Another thing you can do if caching bad, is change the name of the logo file and in your code to logo2.png but clearing your cache should work.
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.