Comments on: An Example Rich Text Editor Image Upload with PHP http://allmybrain.com/2007/12/21/an-example-rich-text-editor-image-upload-with-php/ Where stuff from my brain lands Tue, 07 Feb 2012 16:14:05 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: beingaquatic http://allmybrain.com/2007/12/21/an-example-rich-text-editor-image-upload-with-php/comment-page-2/#comment-1211 beingaquatic Mon, 21 Nov 2011 15:17:02 +0000 http://allmybrain.com/2007/12/21/an-example-rich-text-editor-image-upload-with-php/#comment-1211 if (isset($_FILES['image']['tmp_name'])) { // open the file $img = $_FILES['image']['tmp_name']; $himage = fopen ( $img, "r"); // read the temporary file into a buffer $image = fread ( $himage, filesize($img) ); fclose($himage); //if image can't be opened, either its not a valid format or even an image: if ($image === FALSE) { echo "{status:'Error Reading Uploaded File.'}"; return; } // create a new random numeric name to avoid rewriting other images already on the server... // define the uploading dir $path = "../../_content/content_temp.jpg"; $hout=fopen($path,"w"); fwrite($hout,$image); $size = getimagesize("../../_content/content_temp.jpg"); $temp_width = $size[0]; $temp_height = $size[1]; if($temp_width>530) sorry that part of the code was truncated for some reason if (isset($_FILES['image']['tmp_name'])) {
// open the file
$img = $_FILES['image']['tmp_name'];
$himage = fopen ( $img, “r”); // read the temporary file into a buffer
$image = fread ( $himage, filesize($img) );
fclose($himage);
//if image can’t be opened, either its not a valid format or even an image:
if ($image === FALSE) {
echo “{status:’Error Reading Uploaded File.’}”;
return;
}
// create a new random numeric name to avoid rewriting other images already on the server…
// define the uploading dir
$path = “../../_content/content_temp.jpg”;
$hout=fopen($path,”w”);
fwrite($hout,$image);

$size = getimagesize(“../../_content/content_temp.jpg”);
$temp_width = $size[0];
$temp_height = $size[1];
if($temp_width>530)

sorry that part of the code was truncated for some reason

]]> By: beingaquatic http://allmybrain.com/2007/12/21/an-example-rich-text-editor-image-upload-with-php/comment-page-2/#comment-1210 beingaquatic Mon, 21 Nov 2011 15:15:33 +0000 http://allmybrain.com/2007/12/21/an-example-rich-text-editor-image-upload-with-php/#comment-1210 to all those people looking to resize the image after uploading if it's too big, following code may help: 530) { $scale_constraint = $size[0]/530; $new_width = 530; $new_height = $temp_height/$scale_constraint; } else { $new_width = $temp_width; $new_height = $temp_height; } $thumb_src = "_content/content_temp.jpg"; ini_set('memory_limit', '128M'); $thumb_img_r = imagecreatefromjpeg($thumb_src); $thumb_dst_r = ImageCreateTrueColor( $new_width, $new_height); imagecopyresampled($thumb_dst_r, $thumb_img_r, 0, 0, 0, 0, $new_width, $new_height, $temp_width, $temp_height); $new_filename = "HL_Content_".date("YmdHis").".jpg"; $path = "_content/".$new_filename; imagejpeg($thumb_dst_r, $path, 100); echo "{status:'UPLOADED', image_url:'$path'}"; } else { echo "{status:'No file was submitted'}"; } ?> and the file names will be based on timestamp so pretty unique. to all those people looking to resize the image after uploading if it’s too big, following code may help:

530)
{
$scale_constraint = $size[0]/530;
$new_width = 530;
$new_height = $temp_height/$scale_constraint;
}
else
{
$new_width = $temp_width;
$new_height = $temp_height;
}

$thumb_src = “_content/content_temp.jpg”;
ini_set(‘memory_limit’, ’128M’);
$thumb_img_r = imagecreatefromjpeg($thumb_src);
$thumb_dst_r = ImageCreateTrueColor( $new_width, $new_height);
imagecopyresampled($thumb_dst_r, $thumb_img_r, 0, 0, 0, 0, $new_width, $new_height, $temp_width, $temp_height);
$new_filename = “HL_Content_”.date(“YmdHis”).”.jpg”;
$path = “_content/”.$new_filename;

imagejpeg($thumb_dst_r, $path, 100);

echo “{status:’UPLOADED’, image_url:’$path’}”;
} else {
echo “{status:’No file was submitted’}”;
}
?>

and the file names will be based on timestamp so pretty unique.

]]> By: madhan http://allmybrain.com/2007/12/21/an-example-rich-text-editor-image-upload-with-php/comment-page-2/#comment-1181 madhan Tue, 21 Jun 2011 12:27:10 +0000 http://allmybrain.com/2007/12/21/an-example-rich-text-editor-image-upload-with-php/#comment-1181 src="/wp-content/uploads/2007/10/yui-image-uploader.js src=”/wp-content/uploads/2007/10/yui-image-uploader.js

]]> By: madhan http://allmybrain.com/2007/12/21/an-example-rich-text-editor-image-upload-with-php/comment-page-2/#comment-1180 madhan Tue, 21 Jun 2011 12:26:35 +0000 http://allmybrain.com/2007/12/21/an-example-rich-text-editor-image-upload-with-php/#comment-1180 i couldnt understand this line i couldnt understand this line

]]> By: madhan http://allmybrain.com/2007/12/21/an-example-rich-text-editor-image-upload-with-php/comment-page-2/#comment-1179 madhan Tue, 21 Jun 2011 12:25:47 +0000 http://allmybrain.com/2007/12/21/an-example-rich-text-editor-image-upload-with-php/#comment-1179 i am confused about 'example_editor' and i couldnt understand this line "" i am confused about ‘example_editor’ and i couldnt understand this line “”

]]> By: sonu sindhu http://allmybrain.com/2007/12/21/an-example-rich-text-editor-image-upload-with-php/comment-page-2/#comment-1175 sonu sindhu Mon, 06 Jun 2011 11:53:44 +0000 http://allmybrain.com/2007/12/21/an-example-rich-text-editor-image-upload-with-php/#comment-1175 Sir tell me how to use this in my websites. Sir tell me how to use this in my websites.

]]> By: Nithin http://allmybrain.com/2007/12/21/an-example-rich-text-editor-image-upload-with-php/comment-page-2/#comment-1166 Nithin Mon, 28 Mar 2011 15:05:38 +0000 http://allmybrain.com/2007/12/21/an-example-rich-text-editor-image-upload-with-php/#comment-1166 Hi, This is a great example. Pls tell me how to pass image's alt and title values, if user hasn't entered it Hi,
This is a great example. Pls tell me how to pass image’s alt and title values, if user hasn’t entered it

]]> By: Brendan http://allmybrain.com/2007/12/21/an-example-rich-text-editor-image-upload-with-php/comment-page-2/#comment-1160 Brendan Tue, 22 Feb 2011 05:53:42 +0000 http://allmybrain.com/2007/12/21/an-example-rich-text-editor-image-upload-with-php/#comment-1160 woops.. my code did not get in the post. You can view it here: http://iggraphic.com/test_code.html woops.. my code did not get in the post. You can view it here: http://iggraphic.com/test_code.html

]]> By: Brendan http://allmybrain.com/2007/12/21/an-example-rich-text-editor-image-upload-with-php/comment-page-2/#comment-1159 Brendan Tue, 22 Feb 2011 05:49:52 +0000 http://allmybrain.com/2007/12/21/an-example-rich-text-editor-image-upload-with-php/#comment-1159 Hi Dennis, Not sure what i am doing wrong here. The upload script works, the image gets uploaded, but I don't see the image in the editor. here is where the editor is: http://iggraphic.com/test.php Here is my PHP code: Hi Dennis,

Not sure what i am doing wrong here. The upload script works, the image gets uploaded, but I don’t see the image in the editor.

here is where the editor is: http://iggraphic.com/test.php

Here is my PHP code:

]]> By: Dennis http://allmybrain.com/2007/12/21/an-example-rich-text-editor-image-upload-with-php/comment-page-2/#comment-1154 Dennis Mon, 14 Feb 2011 17:44:08 +0000 http://allmybrain.com/2007/12/21/an-example-rich-text-editor-image-upload-with-php/#comment-1154 I'll have to see if there are any editor differences that need a patch with the latest YUI version. I’ll have to see if there are any editor differences that need a patch with the latest YUI version.

]]> By: Castell http://allmybrain.com/2007/12/21/an-example-rich-text-editor-image-upload-with-php/comment-page-2/#comment-1153 Castell Mon, 14 Feb 2011 17:34:30 +0000 http://allmybrain.com/2007/12/21/an-example-rich-text-editor-image-upload-with-php/#comment-1153 Hi there, i´ve used to get this script working on yui 2.8.2r1 but it stops at imgPanel.on ( 'contentReady', function() {.. Does anyone have an idea of what´s wrong with that line? Any help is appreciated, Castell Hi there, i´ve used to get this script working on yui 2.8.2r1
but it stops at

imgPanel.on ( ‘contentReady’, function() {..

Does anyone have an idea of what´s wrong with that line?

Any help is appreciated,
Castell

]]> By: Dennis http://allmybrain.com/2007/12/21/an-example-rich-text-editor-image-upload-with-php/comment-page-2/#comment-1107 Dennis Sat, 13 Nov 2010 15:08:49 +0000 http://allmybrain.com/2007/12/21/an-example-rich-text-editor-image-upload-with-php/#comment-1107 Just use Firebug w/ Firefox to see what is going on. Compare to the example here. I'm sure you'll find a difference that is causing the error. Just use Firebug w/ Firefox to see what is going on. Compare to the example here. I’m sure you’ll find a difference that is causing the error.

]]> By: Chito http://allmybrain.com/2007/12/21/an-example-rich-text-editor-image-upload-with-php/comment-page-2/#comment-1106 Chito Sat, 13 Nov 2010 05:48:29 +0000 http://allmybrain.com/2007/12/21/an-example-rich-text-editor-image-upload-with-php/#comment-1106 Referring to previous msg, the photo can't be uploaded, after I have chosen the photo, But then, I tried to upload a photo through ui_img_uploader.php directly, and it works!!! (you can try here http://treescape.chito.hk/testimgupload.html) Referring to previous msg, the photo can’t be uploaded, after I have chosen the photo,

But then, I tried to upload a photo through ui_img_uploader.php directly, and it works!!!
(you can try here http://treescape.chito.hk/testimgupload.html)

]]> By: Chito http://allmybrain.com/2007/12/21/an-example-rich-text-editor-image-upload-with-php/comment-page-2/#comment-1105 Chito Sat, 13 Nov 2010 05:47:17 +0000 http://allmybrain.com/2007/12/21/an-example-rich-text-editor-image-upload-with-php/#comment-1105 Hi Dennis, Your example is amazing, and I want to implement it to my website. But I have followed your sample, there's something wrong with my editor. Here's my test editor http://treescape.chito.hk/yuitest.html I have no idea what the problem is between my .js and .php Here's the .js and .php http://treescape.chito.hk/yui-img-uploader.js http://treescape.chito.hk/yui_img_uploader_code.php Hi Dennis,

Your example is amazing, and I want to implement it to my website.

But I have followed your sample, there’s something wrong with my editor.

Here’s my test editor
http://treescape.chito.hk/yuitest.html

I have no idea what the problem is between my .js and .php

Here’s the .js and .php
http://treescape.chito.hk/yui-img-uploader.js

http://treescape.chito.hk/yui_img_uploader_code.php

]]> By: Brilver http://allmybrain.com/2007/12/21/an-example-rich-text-editor-image-upload-with-php/comment-page-2/#comment-1101 Brilver Thu, 04 Nov 2010 13:33:09 +0000 http://allmybrain.com/2007/12/21/an-example-rich-text-editor-image-upload-with-php/#comment-1101 I checked can't find a solution.. These are the codes i tried.. Please help My test file is http://www.ceylontopjobs.com/emp/index.php I checked can’t find a solution..
These are the codes i tried.. Please help

My test file is

http://www.ceylontopjobs.com/emp/index.php

]]> By: Dennis http://allmybrain.com/2007/12/21/an-example-rich-text-editor-image-upload-with-php/comment-page-2/#comment-1100 Dennis Thu, 04 Nov 2010 11:39:46 +0000 http://allmybrain.com/2007/12/21/an-example-rich-text-editor-image-upload-with-php/#comment-1100 Sounds like something not related to the image uploader. I think you'll find the best support for this on this problem on the yui forum. Sounds like something not related to the image uploader. I think you’ll find the best support for this on this problem on the yui forum.

]]> By: Brilver http://allmybrain.com/2007/12/21/an-example-rich-text-editor-image-upload-with-php/comment-page-2/#comment-1099 Brilver Thu, 04 Nov 2010 10:11:01 +0000 http://allmybrain.com/2007/12/21/an-example-rich-text-editor-image-upload-with-php/#comment-1099 I know, but the link to the uploaded image is not submitting. Only the text pre loaded with the page in textarea is submitting.. Please help.. I know, but the link to the uploaded image is not submitting. Only the text pre loaded with the page in textarea is submitting.. Please help..

]]> By: Dennis http://allmybrain.com/2007/12/21/an-example-rich-text-editor-image-upload-with-php/comment-page-2/#comment-1098 Dennis Mon, 01 Nov 2010 12:49:41 +0000 http://allmybrain.com/2007/12/21/an-example-rich-text-editor-image-upload-with-php/#comment-1098 Images are uploaded at the time you select them and they appear in the editor. Uploaded text contains links to the images only. Images are uploaded at the time you select them and they appear in the editor. Uploaded text contains links to the images only.

]]> By: Brilver http://allmybrain.com/2007/12/21/an-example-rich-text-editor-image-upload-with-php/comment-page-2/#comment-1097 Brilver Mon, 01 Nov 2010 11:30:17 +0000 http://allmybrain.com/2007/12/21/an-example-rich-text-editor-image-upload-with-php/#comment-1097 image is uploading to the richtext area. But when submitted only the text are submitting. Please help image is uploading to the richtext area. But when submitted only the text are submitting. Please help

]]> By: Example Image Upload with YUI Rich Text Editor 2.7.0 | All My Brain http://allmybrain.com/2007/12/21/an-example-rich-text-editor-image-upload-with-php/comment-page-2/#comment-1010 Example Image Upload with YUI Rich Text Editor 2.7.0 | All My Brain Sat, 16 Jan 2010 14:15:53 +0000 http://allmybrain.com/2007/12/21/an-example-rich-text-editor-image-upload-with-php/#comment-1010 [...] left the server side image upload script the same as with previous versions of this [...] [...] left the server side image upload script the same as with previous versions of this [...]

]]>