Comments on: Example YUI Image upload with YUI 2.6.0

By: An Image Upload Extension for YUI Rich Text Editor | All My Brain

An Image Upload Extension for YUI Rich Text Editor | All My Brain — Sat, 16 Jan 2010 09:44:51 +0000

[...] 11/6/08: I corrected errors in the script and added a working YUI 2.6 Image Uploader [...]

By: Dennis

Dennis — Thu, 16 Apr 2009 17:47:50 +0000

Everybody’s situation is slightly different. Different browsers, different Operating systems etc. Only thing I can suggest is to user FireBug w/ Firefox and enable YUI logging.

By: Øyvind

Øyvind — Thu, 16 Apr 2009 17:40:41 +0000

Im trying this RTE with pic upload… but im still getting the same problem i had with the other version…

The image gets uploaded, but the “Image URL” just “reloads”

I see it changes, but in a sec, it returns to “Image URL Here”

How can i fix this?

Thanks

By: Rajasekhar

Rajasekhar — Tue, 14 Apr 2009 09:59:11 +0000

try
{
// responseText and responseXML will be populated with the same data from the iframe.
// Since the HTTP headers cannot be read from the iframe
console.log(io);
obj.responseText = io.contentWindow.document.body?io.contentWindow.document.body.innerHTML:io.contentWindow.document.documentElement.textContent;
obj.responseXML = io.contentWindow.document.XMLDocument?io.contentWindow.document.XMLDocument:io.contentWindow.document;
}
catch(e)
{
alert(e.message);
}

in catch i am getting error like
“Permission denied to get property Window.document”

By: Rajasekhar

Rajasekhar — Tue, 14 Apr 2009 09:56:34 +0000

when form submitted response is inserted to iframe.

in connection.js
uploadFile:function(o, callback, uri, postData)

in this method i am unable to get the response.

Mianly i am using this in ning opnesocial application.

please help me on this issue.this is very important for me.

target iframe is getting created and removed .then how can i get the response

thank
Rajasekhar

By: Rajasekhar

Rajasekhar — Tue, 14 Apr 2009 09:51:24 +0000

Hi,

I am using rte image uploader.
i am unable to get the response after the image is uploaded to given folder.

By: measaura

measaura — Sat, 11 Apr 2009 13:39:28 +0000

Great post! Anyhow, I’ve managed to use the yui-image-uploader26.js with RTE version 2.7. Maybe If I have more time, I’ll add the upload progress into the script.

By: Sasanka

Sasanka — Wed, 08 Apr 2009 14:21:47 +0000

Hi,

Thanks for the detailed guideline of YUI image upload functionality.

I am using the java servlet example. But I am not able to upload files because
the request object is not getting mapped with the insertimage_upload html file element.

I am using yui-image-uploader26.js and kept all other things as instructed.

Please advice.

Thanks and Regards
Sasanka

By: Dennis

Dennis — Wed, 08 Apr 2009 11:50:32 +0000

Firebug and YUI logger are your friends.

By: Rajasekhar

Rajasekhar — Wed, 08 Apr 2009 09:31:18 +0000

I getting error like

error Permission denied to get property Window.document

What is the reason .please help me this is very urgent

By: phil

phil — Tue, 31 Mar 2009 19:15:21 +0000

it work’s fine with a LAMP, thank’s
phil

By: phil

phil — Tue, 31 Mar 2009 18:51:54 +0000

yes, I’m using your sample php and the site work vwith WAMP. I’ll try this on a Linux server.
Thanks

By: Dennis

Dennis — Tue, 31 Mar 2009 12:38:20 +0000

Are you trying to use the sample PHP script from this site? That script is quite Unix centric. You’ll need to adapt it for a Windows based server.

By: phil

phil — Mon, 30 Mar 2009 20:49:53 +0000

Hi dennis, this is my error message "\nWarning: fopen(/image/12278.jpg) [function.fopen]: failed to open stream: No such file or directory in C:\wamp\www\YUI\image\upload.php on line 23\n\nWarning: fwrite(): supplied argument is not a valid stream resource in C:\wamp\www\YUI\image\upload.php on line 24\n\nWarning: fclose(): supplied argument is not a valid stream resource in C:\wamp\www\YUI\image\upload.php on line 25\n{status:'UPLOADED', image_url:'/image/12278.jpg'}" I can't see the image and there is nothing uploaded in the /image directory. thanks

By: Dennis

Dennis — Wed, 18 Feb 2009 02:57:41 +0000

Shouldn’t be too hard. I’ve been a little out of the loop lately on YUI stuff since I’ve been working on embedded software lately. The trend for the editor was to have more and more listener’s that you could attach handlers too though. I’d wager everything is already in place for you to implement a delete image handler.

By: zaphod

zaphod — Tue, 17 Feb 2009 17:10:17 +0000

I think the listener idea is a good one. The server side I can handle with PHP, but I am new to YUI and Ajax. I was looking into using YUI to re-do the back-end admin pages of my software and I like the look and feel of YUI.

I also noticed that the editor in Wordpress allows for drag-and-drop image uploading into the edit box. How hard would that be to implement in YUI?

By: Dennis

Dennis — Tue, 17 Feb 2009 16:11:36 +0000

You’re correct. I dealt with orphans by looking at the contents of the text area when saving and any images not references were flagged for deletion. You could go further and implement a listener that fires when the image is deleted and then handle the event appropriately. Sounds like a good add-on to this project actually.

By: zaphod

zaphod — Tue, 17 Feb 2009 05:26:40 +0000

So what happens if someone removes or deletes the image from the text? Does it remain on the server as an orphan?

By: phoebebright

phoebebright — Wed, 11 Feb 2009 00:21:18 +0000

Yes, your example works which is why I’m blaming Django! Will explore messaging tomorrow. Thanks for the quick response.

By: Dennis

Dennis — Tue, 10 Feb 2009 22:50:51 +0000

Do other browsers work with my example here?

Have you learned how to enable the YAHOO logging messages and view them in any browser? The library has enough debug and error messages that you should be able to see exactly what is going on in pretty much any browser. Adding and viewing the logging panel is an exercise left up to you though. There are a lot of examples on the YUI developer site for the logger component.

You can always add additional debug messages if you need too.