I'm using WordPress 3.5 and trying to figure out how can I edit an image by clicking on it to get to the media uploader thickbox.
What I found out so far
The URL below work fine but I need to EDIT a special image, not add one. I have an attachment ID.
/wp-admin/media-upload.php?post_id=1&type=image&TB_iframe=1&width=640&height=553
To make the thickbox work I need to add the classes info thickbox.
Question
I found many articles on how to upload images but not how to edit them. Maybe I can just add some get variale to get it to work?
Related
I work on a Saas project where users can submit/upload items.
I want to create a similar work-flow like Youtube.
This means that the user uploads image file, ZIP files etc. which then show in the upload progress block, during this time I want the user to be able to edit the other informations like tags, text description, price for item etc.
At Youtube a user can upload a video file and edit all other things during the upload, he can even leave the page and the upload continues in the background.
But in my project whenever a user uploads a file these fields can not be edited properly or get removed again after the upload is successful.
Please point me to a solution how this works/how Youtube et al approached this.
Thanks.
I think you should do this with javascript features
Like sending a file with ajax in laravel and php.
By doing this, you can still access the elements inside your web page.
I've just learned about the existence of such plug-in. I'm trying to implement an image upload feature using KCFinder. I've also used the standard version of CKEditor, that contains a button for image uploading, without a "Upload" tab.
Instructions tell me to add some lines in CKEditor's config.js, indicating the KCFinder's browser and upload scripts, as follows:
config.filebrowserImageBrowseUrl = '/kcfinder/browse.php?opener=ckeditor&type=images';
config.filebrowserImageUploadUrl = '/kcfinder/upload.php?opener=ckeditor&type=images';
I've tried many different ways to specify the location of these scripts, but no matter what I do, when attempting to upload the image to the server, an error message will show up:
Sorry, the page you are looking for could not be found.
Tons of tutorials, but none help me.
<script>CKEDITOR.replace('body', {
filebrowserUploadUrl: '/admin/upload/content',
filebrowserImageUploadUrl: '/admin/upload/content',
})</script>
replace selector textarea
I saw a couple of messages about this topic, but I still haven't found how to make Fine Uploader use thumbnails generated by the server for the Initial File List files.
I use a "traditional" server-side Fine Uploader implementation, for pictures upload, as described in the Getting Started section. But I also want to use Fine Uploader as a gallery to show already uploaded pictures, so I use the "session" config to populate it, when it loads...
This works, but Fine Uploader creates Base64 images for those already uploaded images, even if I return a thumbnailUrl property for each of them, pointing to already resized thumbnails... Indeed, when I upload pictures, I generate thumbnails on the server, by myself. I want Fine Uploader to display those thumbnails when the "Initial File List" is received. How can I achieve this?
I've read about the drawThumbnail() function, but I don't know exactly how to use it. Should I call it manually in the onSessionRequestComplete event? Will that prevent Fine Uploader to create Base64 thumbnails by itself?
I just added an OpenGraph image to a site I'm working on and using the FB Debugger the info retrieves the correct image, however when sharing the url I still see default images being displayed (there was no specified OG image before). Is there something I'm missing here? The site uses a custom Python based framework and image is served via gzip from an Amazon EC2 instance, if that would affect the output in any way.
The problem is not with your website.
Facebook takes some time to refresh images inside facebook.com even though you can see the changes on Facebook Debug Tool.
In order to view your new image inside Facebook you can do two things:
Manipulate a little the URL you are trying to share, this way
Facebook will fetch the open graph data again.
Just give it some
time, it will be refreshed after a few hours.
There are three way to change your image you need to clear the
1) Manually clear facebook catch using the https://developers.facebook.com/tools/debug/ facebook tool
2) Add version code end of the url like ?v=1
3) write the GraphAPI code from when you click on the share button it will clear the facebook page cache.
I'm running a Vanilla Forum with a FileUpload plugin, allowing users to upload images and insert the corresponding code directly into the body of their post. These images work with FancyBox when clicked, linking together nicely within the page. However, should a user use a third-party image hosting site (i.e. Imagevenue, Imageshack, Postimage.org) and copy and paste the resulting image code, it deactivates the FancyBox feature associated with all images previously on the page, so when you click on an image uploaded via FileUpload it opens in a new window now instead of in a FancyBox.
My question is one of two things:
a) Is it possible to fix this formatting issue so that if a user does choose to use a third-party image hosting service then it will not affect the fancybox of my previous images.
or
b) Is it possible to block this type of image code from being inputted in the body of a post to prevent this from ever happening.
Thank you and please reply if you would like more information!
Most likely the generated code from those third-party hosting sites has not an image extension (JPG, PNG, GIF) so fancybox doesn't know what type of content needs to handle.
If you are binding fancybox like
$(".fancybox").fancybox();
... you could force the type of content to image like
$(".fancybox").fancybox({
type : "image"
});
I don't really see how pasting the code of a new image will disable the code for existing ones if you want to elaborate.