Comments on: An Image Upload Extension for YUI Rich Text Editor

By: Dennis

Dennis — Tue, 01 Jul 2008 15:05:34 +0000

You’ll have to tweak the style sheet appropriately for IE.

By: Jeoffrey

Jeoffrey — Mon, 30 Jun 2008 09:47:07 +0000

I’ve a display problem.
In Mozilla it works just fine but in IE the created textbox ‘insertimage_upload’ has an width from 0px.Everything works fine, including the upload, only I can ‘t see the selected path+file.
Ideas?

By: maxg

maxg — Fri, 27 Jun 2008 17:13:05 +0000

Has anyone gotten this to work with a ColdFusion based upload handler? Even with the revised script setting the encoding variable of the posted form, CF still returns the The cffile action=”upload” requires forms to use enctype=”multipart/form-data” error. Anyone had this problem?

By: Dennis

Dennis — Mon, 09 Jun 2008 13:26:37 +0000

It’s the path of the uploader script. The uploader script can be whatever you wish. I’ll edit the page to reflect that correctly. Also, if you post the link to your example that isn’t working, we can probably find out why.

-Dennis

By: abhishek198

abhishek198 — Fri, 06 Jun 2008 13:24:18 +0000

Hi Daniel,
In the function yuiImgUploader(a,b,c) …
the second parameter as per the example specified above is the path of the directory where the image will be uploaded ..
but if you see the comments .. it says path of the uploader script .. which one of these is correct ..
and is there any constraint on the name of the uploader script…

Thanks

By: abhishek198

abhishek198 — Fri, 06 Jun 2008 10:59:18 +0000

Hi Dennis,
I was trying to use the RTE ..
but when i click on the upload image button… nothing actually happens ..as far as i see it .. the link points to the same page .. instead of some other page to upload the image ..

this is what i have edited :
yuiImgUploader(myEditor, ‘/img_uploader.php’,’image’);

Thanks

By: Dennis

Dennis — Tue, 27 May 2008 22:07:36 +0000

You’re correct that you need additional server programming. On the PHP RichText example, someone posted some server code in asp.net. Perhaps that will help you.

By: Rami

Rami — Tue, 27 May 2008 22:02:56 +0000

Hey, I am beginner with JavaScripts..I need to take the innet html from the C# file .. how can i do that????What I know is that it is client server side..
Thx

By: Dennis

Dennis — Tue, 22 Jan 2008 21:19:46 +0000

@Lars: I thought it was probably something to do with the form encoding but hadn’t had a chance to work on it. Thank you for posting back the solution. I’ve updated the script with your solution.

If you’ve previously downloaded the script, you ought to do so again to get the latest version with this fix.

By: Lars

Lars — Mon, 21 Jan 2008 20:22:43 +0000

To get this working in Safari I needed to set the encoding of the enclosing form to “multipart/form-data”. Below this line:
var img_elem=Dom.get(’insertimage_url’);

I added:
Dom.getAncestorByTagName(img_elem, ‘form’).encoding = ‘multipart/form-data’;

By: Dennis

Dennis — Mon, 24 Dec 2007 04:50:22 +0000

Well, I found one comment, the one before the one you just made, that was erroneously marked as spam, but I didn’t see another waiting moderation or marked as spam.

Thanks for the input though. The image processing is a little beyond the scope of what I wanted to handle here, but it is probably pertinent for anyone who wants to actually process an image on the server side with PHP. Nice work.

By: alex

alex — Mon, 24 Dec 2007 04:41:44 +0000

Hi Dennis, hey i think you forgot to moderate my las post, theres some php code about headers that could Cyle. About the imagecreatefromjpeg function, as i said before, it belongs to the php GD library as well as all the other image manipulation functions i used on that script, and it must be compiled and enabled on your server php config. Maybe that’s why it was dying while you was trying it. However, the php script on your example does the work fine.

By: RelaX

RelaX — Sat, 22 Dec 2007 11:23:16 +0000

Hey again,

(i try to post this message, didn’t work the first time)

Everything loads up perfectly, but after pushing “upload image”, it doesn’t do anything.

- I do the following…
http://www.website.com/scripts/yui_img_uploader.php
http://www.website.com/scripts/yui-image-uploader.js

so it’s pointed to:

yuiImgUploader(myEditor, ‘/scripts/yui_img_uploader.php’,'image’);

- SAVING IMAGES FOLDER
http://www.website.com/uploads/
(permissions set to 777):

full path on server:
/public_html/uploads/

- UPLOADSCRIPT:
$path = “uploads/”;

and:
$path = “/” . $path;

–

this doesn’t work. I’m using php4 on linux. I tried all kinds of combinations to point to the uploadscript.

By: Dennis

Dennis — Fri, 21 Dec 2007 21:41:52 +0000

I’ve finished my PHP example:
http://allmybrain.com/2007/12/21/an-example-rich-text-editor-image-upload-with-php/

By: RelaX

RelaX — Fri, 21 Dec 2007 20:13:51 +0000

That’d be great! Thanks for helping me with this. I’m sure that many people will find this very useful.

By: Dennis

Dennis — Fri, 21 Dec 2007 19:37:48 +0000

After debugging a little, I found the the imagecreatefromjpeg function was dying. I’m not sure why. Perhaps someone else could expound on this.

I cut everything out everything but the actual upload code and simply saved the file that was uploaded and it worked. I’ll be completing a working example in PHP sometime today I think.

By: Dennis

Dennis — Fri, 21 Dec 2007 18:58:12 +0000

I’m actually playing around with it right now. I don’t know if there script has a bug or if there is something I’m missing. I’ll post back when I’ve figured it out. Do let me know if you find the answer sooner. I suggest turning up the error logging for php and starting there.

By: RelaX

RelaX — Fri, 21 Dec 2007 18:55:32 +0000

yes, I tried the file that was uploaded by one of the people from here: http://www.babybabybaby.com.mx/yui_image_uploader_php_working_script.txt

the image dir and uploadscript dir are set to “777″. (linux server).

and this is the function that I use to call the upload script.

(function() {
var oEditor = new YAHOO.widget.Editor(’editor’,
{
height: ‘300px’,
width: ‘500px’,
handleSubmit: true
});
yuiImgUploader(oEditor, ‘/~layouts/modules/scripts/yui/build/yuieditor/index.php’,'img’);
oEditor.render();
})();

above is the relative path to the uploadscript. Everything is fully loaded, and I can browse to the image. After pressing “upload image”, it does nothing.

By: Dennis

Dennis — Fri, 21 Dec 2007 16:07:19 +0000

Is your “index.php” file the one that can accept the file for upload? Is the path correct? the 2nd parameter of the yuiImgUploader should be the relative path to a server side function that can accept the file (under the name given by the 3rd parameter).

By: RelaX

RelaX — Fri, 21 Dec 2007 14:49:00 +0000

Hi,

I’ve got a very simple question.
How do I point to an upload script (index.php).

yuiImgUploader(oEditor, ‘/scripts/yui/build/yuieditor/index.php’,'img’);

it doesn’t load the upload script at all. Or is it the wrong line?

Please help.