Docs Images is a simple, elegant image upload plugin for TinyMCE. It is free, opensource and licensed under Creative Commons Attribution 3.0 Unported License.

Download @Github Donate Donation gives you the right to remove attribution.

Features TinyMCE Images Upload plugin is cool for this features:



  1. Download distribution pack. Unzip it into TinyMCE’s plugins folder.
  2. Edit config.php file found in plugins/jbimages. Minimally, you should only specify a target directory for your uploads. Every block of config.php is well-commented, so I think everything should go right.
  3. Activate jbimages plugin and add jbimages button in TinyMCE. Don’t forget to set theme:advanced and relative_urls:false.

TinyMCE 4.x Example

English version only. The l18n api in TinyMCE 4.x had changed, so temporary solution was to hard-code english strings.
<!-- TinyMCE 4.x -->

<script type="text/javascript" src="/tinymce_4.x/tinymce/js/tinymce/tinymce.min.js"></script>
<script type="text/javascript">

  selector: "textarea",
  // ===========================================
  // ===========================================
  plugins: [
    "advlist autolink lists link image charmap print preview anchor",
    "searchreplace visualblocks code fullscreen",
    "insertdatetime media table contextmenu paste jbimages"
  // ===========================================
  // PUT PLUGIN'S BUTTON on the toolbar
  // ===========================================
  toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image jbimages",
  // ===========================================
  // SET RELATIVE_URLS to FALSE (This is required for images to display properly)
  // ===========================================
  relative_urls: false

<!-- /TinyMCE -->

TinyMCE 3.x Example

<!-- TinyMCE 3.x -->

<script type="text/javascript" src="tiny_mce-3.x/tiny_mce_src.js"></script>
<script type="text/javascript">


  mode : "textareas",
  // ===========================================
  // ===========================================
  theme : "advanced",
  // ===========================================
  // ===========================================

  plugins : "jbimages,autolink,lists,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,wordcount,advlist,autosave",
  // ===========================================
  // Set LANGUAGE to EN (Otherwise, you have to use plugin's translation file)
  // ===========================================

  language : "en",
  theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
  theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
  theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",

  // ===========================================
  // Put PLUGIN'S BUTTON on the toolbar
  // ===========================================

  theme_advanced_buttons4 : "jbimages,|,insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak,restoredraft",
  theme_advanced_toolbar_location : "top",
  theme_advanced_toolbar_align : "left",
  theme_advanced_statusbar_location : "bottom",
  theme_advanced_resizing : true,
  // ===========================================
  // Set RELATIVE_URLS to FALSE (This is required for images to display properly)
  // ===========================================

  relative_urls : false

<!-- /TinyMCE -->

Protect the script from external access

In case, the TinyMCE’s folder is not protected with HTTP Authorisation, you should require is_allowed() function to return `TRUE` if user is authorised, `FALSE` - otherwise. is_allowed() is found at plugins/jbimages/is_allowed.php of your TinyMCE installation.

The simplest example is below:

function is_allowed()
	global $_COOKIE, $_SERVER;

	$allow_login = "admin";
	$allow_pass = "george12345";


		isset($_COOKIE["login"], $_COOKIE["passhash"]) and
		$_COOKIE["login"] == $allow_login and
		$_COOKIE["passhash"] == md5(md5($ip).md5($allow_pass))
		return TRUE;

	return FALSE;

How-to video (for TinyMCE 3.x)

UPD 03/2013. Thanks to Niels Harbo, a multimedia designer from Copenhagen, Denmark.

Troubleshooting [UPD 04/2013]

Here is a list of common errors.

The upload directory does not appear to be valid – By default, guesses the physical path to your upload directory based on your img_path setting. If you see this error, probably the plugin was not able to guess the right path. The solution is to set the physical path manually ($config['upload_path']).

Inserted images are relative to site’s admin page. Usually something like <img src=”../../../images/yourimage.jpg”> instead of <img src=”/images/yourimage.jpg”>. You should set relative_urls:false in your TinyMCE init script (see integration code example above).

Codeigniter integration [UPD 04/2013]

Plugin’s PHP-side is built on Codeigniter 2.1.3. So if your project is based on this framework, you can integrate plugin’s PHP routine to your application. Here’s what you should do:

  1. Move the contents of jbimages/ci/application/views & controllers to your CI app’s folders
  2. Now unwrap this ‘wrapper’: replace all contents of  jbimages/ci/application/config/uploader_settings.php with contents of jbimages/config.php and move the first to your CI app’s config folder
  3. Do the same with jbimages/ci/application/helpers/jbimages_helper.php (replace with contents of jbimages/is_allowed.php and move to your app’s helpers)
  4. Move custom language file jbimages/ci/application/language/english/jbstrings_lang.php to your app’s english language folder (the language setting is made on line 31 of the Uploader controller)
  5. Change links to PHP-side in jbimages/dialog.htm (lines 13 and 30)

Let me know if I forgot something…

Bugreports & support

Please use project’s Github page to discuss all issues. I can’t guarantee support due to the lack of time, but I’ll try to, if I can. Thank’s))


Please support the project by donating via PayPal. Donating also gives you a right to remove author’s attribution and plugin name (if you want to, of course).

288 Responses to “TinyMCE Images Plugin”

  1. [...] 最近看同事们使用了TinyMCE这个开源的编辑器,这玩意应该不陌生,大雄博客用的就是这个编辑器。这个编辑器支持外链图片的插入,不支持本地图片上传,当然这是肯定的了。要支持上传肯定要与服务器端交互,要用其他(本例用的是PHP)文件支持。 在这里我只介绍一个简单的方法,因为TinyMCE一个强大的地方就是可以编写插件,可扩展性很强。所以这里就介绍一个插件的方法,稍微修改一下即可: 1、下载插件(这里用的是jbimages):点击下载 [...]

  2. Robert Kehoe says:

    Thanks for the plugin! Very Simple!

  3. Jose Miguel says:

    Thanks for the plugin. Ihave one issue with the especial caracters. My page is in UTF-8 and show strange caracters.

    Best regards.

  4. peacepig says:

    Very very good! Thanks a lot!

  5. Bri says:

    Thanks for this! I’ve tried about 5 solutions in the past 24 hours and yours was the easiest and, best of all, works! Yay!

  6. Devy says:

    Can anyone please tell me how to include this plugin in a .Net application? I just want to know if modifying this plugin to work in .net is a difficult task. I really want to use this plugin. Thanks.

  7. Juan Carlos says:

    I have installed the plugin in two servers.. one is working and another is not.. i keep getting “The upload path does not appear to be valid.”
    Ive tryed changing under the FTP the folder permitions but it always stays at xxx and the server response is 500 ‘SITE CHMOD 777 xxxxxx’: command not understood. What could be the problem?

    • admin says:

      I suppose the problem is in path itself, you can manually set the path relative to server root via modifying $config['upload_path'] at the bottom of config.php

      • Seven says:

        I got the same problem with Juan Carlos. I was trying to set carefully the images path and the upload path but it won’t still work. Please help? Thanks.

        • admin says:

          There’s only a few reasons for this error to occur:

          1. The directory does not exist, try running is_dir() to ensure that it does.
          2. The directory exists but is not writable. Make sure you have set the appropriate permissions on the directory. Try running is_writable() to make sure.
          3. The directory you want to use exists, but you have not represented it properly to the Upload library. Try using an absolute path for $config['upload_path'].

          • Jim says:

            Sorry there seems to be a path issue with the scripts at least in my configuration, permissions are 777, checked the path using raealpath(”) from the folder, set relative_urls : false in tinymce configuration also tried absolute path in the config file. Using php 5.** and tinymce 3.5.1

          • Sören says:

            Hi Jim,

            I had the same problem.


            Change this at the top of the config.php
            * $config['img_path'] = ‘/images/somefolder’;

            to your folder:

            Thanks a lot for the puglin!

    • Carol says:

      I had this issue and resolved it. The issue stems from the fact that not all servers will set the $_SERVER['DOCUMENT_ROOT'] variable.

      I created a small php file that I put in the root folder to test for this. Here is the php code:
      $config['img_path'] = ‘/myimagedir’;
      if (isset($_SERVER['DOCUMENT_ROOT'])){
      $config['upload_path'] = $_SERVER['DOCUMENT_ROOT'] . $config['img_path'];
      } else {
      $config['upload_path'] = dirname(__FILE__) . $config['img_path'];
      echo “Hello World “;
      echo “Image Path: “.$config['img_path'].”";
      echo “Server Name: “.$_SERVER["SERVER_NAME"].”";
      echo “Dirname: “. dirname(‘/index.html’).”";

      echo “UploadPath: “.$config['upload_path'].”";

      if (is_dir($config['upload_path'])){
      echo “Is Directory”;
      if (is_writable($config['upload_path']) ){
      echo “Is Writable”;
      } else {
      echo “Is NOT writable”;
      } else {
      echo “Is Not a Directory”;

      Once you create a simple php file with that code in it, you will see if the variable is set on your server and what the root directory is.

      Then at the bottom of the jbimages config.php file put this code:

      if (isset($_SERVER['DOCUMENT_ROOT'])){
      $config['upload_path'] = $_SERVER['DOCUMENT_ROOT'] . $config['img_path'];
      } else {
      $config['upload_path'] = “D:\path\toyour\” . $config['img_path'];

    • u have to get 777 or 755 to the directory that u wanna save the file in form the server or from file zilla click wright button and choose set permission or from the cpanel u can set those permission to 777 or 755 and wich u good luck juan

  8. Crasher says:

    Thank you very much!!!

  9. ConchitaBH says:

    Thank you very much, this plugin is the best :) simple and functional :)

  10. Andy says:

    Great plugin! Is it possible to change $config['upload_path'] to another server (e.g. $config['upload_path'] = I’m getting the invalid path error.

    Thanks for sharing this!!

    • admin says:

      $config['img_path'] is used in img’s src attribute. $config['upload_path'] should be the physical folder on the server, by default it is computed automatically.
      So, if you’d like images to come from another domain, you have to manually set the $config['upload_path'] and $config['img_path'].

      • ismadman says:

        I tried this and got the same issue as andy. So , If I edit the img path in config.php to $config['img_path'] = ‘/’; and edit $config['upload_path'] = ‘’ . $config['img_path']; it doesn’t work . Basically I want to upload an image to a purpose made subdomain to hold the imgs ( ) and the path can just go in root ( / ) of that subdomain. But it keeps saying upload both is incorrect. Can you write a quick file edit to let this happen ? I am using phpfox and your plugin won’t work unless the url is absolute. I have searched all the files that came with your package and can’t figure out where to change the main url ( document_root ) I just want to override this and put in my direct ABSOLUTE url like Can this happen?

      • Shumaila says:

        Hello ,

        I am trying to use my own system config variables in jbimages/config.php . can you suggest me anything ? I am using this plugin with core php.

        – Shumaila

  11. generator guide says:

    Great! thanks for the share!

  12. Eric says:

    when I upload a image ,an error occured,”Upload in progress…
    This is taking longer than usual.
    An error may have occurred.
    View script’s output:

    You don’t have permission to access /sugarcrm63/include/javascript/tiny_mce/plugins/jbimages/ci/index.php/upload/english on this server.

    What I should do?Thanks.

    • admin says:

      Hi! The problem is in your .htaccess file in one of the folders of this path /sugarcrm63/include/javascript/tiny_mce/plugins/ …. So, please check the .htaccess if it prohibits external access to the upload script.

  13. Fidelis says:

    Hello, i’m trying to use your pluggin but i can’t get it to work properly. I mean when i finish setting up everything the TinyMCE icons inside the textarea doesn’t show up, if i remove the plugin name from the list of plugins that are being used it works fine..

    Here is my code:

    // General options
    language : “pt”,
    mode : “textareas”,
    theme : “advanced”,
    relative_urls : false,
    plugins : “jbimages,autolink,lists,spellchecker,pagebreak,style,layer,save,advhr,advimage,advlink,iespell,preview,media,searchreplace,print,contextmenu,paste,directionality,noneditable,visualchars,nonbreaking,xhtmlxtras”,
    // Theme options
    theme_advanced_buttons1 : “undo,redo,|,print,|,blockquote,|,cut,copy,paste,pastetext,pasteword,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,formatselect,|,search,replace,|,bullist,numlist,|,outdent,indent,|,link,unlink,anchor,|,image,|,media,|,jbimages”,
    theme_advanced_buttons2 : “”,
    theme_advanced_buttons3 : “”,
    theme_advanced_buttons4 : “”,
    theme_advanced_toolbar_location : “top”,
    theme_advanced_toolbar_align : “left”

    Any suggestions?

    • admin says:

      Hi! I think that the problem that script is unable to find your language in plugin’s lang folder. Try to rename jbimages/lang/en.js to pt.js and jbimages/lang/en_dlg.js to pt_dlg.js. Please, give me the information if this had helped or not.

    • Nick says:

      Hi, Try manually adding in the buttons and include the jbimages too…

      theme_advanced_buttons1 : “bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontsizeselect”,
      theme_advanced_buttons2 : “cut,copy,paste,pastetext,pasteword,|,search,replace,|,phpmyfaq,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,jbimages,cleanup,code,syntaxhl,|,preview,|,forecolor,backcolor”,
      theme_advanced_buttons3 : “tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,ltr,rtl,|,fullscreen,|,jbimages”,

  14. schwooba says:

    Anyway of adding this to the WordPress Post WYSIWYG editor? I’m not sure how to do it. Any help would be appreciated.

  15. tracy_a says:

    Great set of scripts! Looking for a place to force user to add alt text – I’ve edited the html and some of the js to allow user to enter it, but would like to find a place to disallow the upload button if it is not filled.

    Also – not sure how to use the maximum size options – enter as “200px”, “200″, etc?


  16. Abrar Shareef says:

    I am trying to get this to work on a website using codeigniter framework…I get this error:
    Upload in progress…
    This is taking longer than usual.
    An error may have occurred.
    View script’s output

    404 Page Not Found

    The page you requested was not found.

    any help would be much appreciated

    • admin says:

      Hi! Try to access directly to (your_domain_and_path_here)/tiny_mce/plugins/jbimages/ci/index.php/blank/english
      Most likely, you have configured Apache mod rewrite and it points you to some other location. Please check the .htaccess file in the server’s root directory.

      • DNihilist says:

        I am also trying to get this functioning with CI. My problem is different. I get a message that says “The upload path does not appear to be valid.” even though i know it exists. How can I fix it?

      • Harchet says:

        Hello, I have the same problem, what do I have to change in django to fix the problem?

  17. Johny says:

    Wow, so simple and functional! Great job. Thanks a lot!

  18. Scott says:

    Is it possible to integrate this plugin into an already existing CodeIgniter website? It’s a lot of overhead to be using an entire 4 MB PHP framework for what should just be one image upload script!

    • charis says:

      i’m using CodeIgniter Framework already and inside the jbimages folder is also a CI framework folder.. are there any precautions regarding this matter because i kept getting this error
      ” Upload in progress…
      This is taking longer than usual.
      An error may have occurred. ”

      At some point, there maybe a need for me to tweak a few settings in the CI folder of jbimages. HELP!!!! Reply is badly needed.

  19. sekhar says:

    My website main page is located at “C:\Inetpub\wwwroot\Ravi\index.php”. and i want to upload the images to “C:\Inetpub\wwwroot\Ravi\images”. I made a change to config.php file as below,

    $config['img_path'] = ‘/Ravi/images’; and i tried $config['img_path'] = ‘/images’; also. It is saying that “unable to upload or take long time to upload, plz check url”

  20. Arigatox says:

    I have installed your plugin, but when I try to upload an image, it gets stuck in:
    “Upload in progress…
    This is taking longer than usual.
    An error may have occurred.”
    View script’s output:”
    “Disallowed Key Characters.”

    How can I solve this error?


  21. DJWLaan says:

    Awesome plugin: simple, easy to get going, great documentation/code-comments and, not unimportant, it works! Thank you!

  22. Luis says:

    Hi there, nice plugin, one problem though, the auto resize function is not working, any idea why that is? thx!

    • Luis says:

      nevermind, my problem was that i was just setting a max width, if you do this you also have to set a max height. i love this plugin, so simple!

      • lbw99 says:

        had the same problem.

        in my mid its a logical mistake in programming ;)

        would change line 78 in /jbimages/ci/application/controllers/uploader.php to

        if ($conf['allow_resize'] and ($conf['max_width'] > 0 OR $conf['max_height'] > 0) and (($result['image_width'] > $conf['max_width']) or ($result['image_height'] > $conf['max_height'])))

  23. alfredopacino says:

    hi, i tried in with language:”it” and didn’t work.
    can you fix it?

    PS: also fix your 3rd setup point “REALTIVE_urls:false.” :)

    • admin says:

      3rd setup point fixed, thank you )))
      language:”it” doesn’t work because there is no italian in jbimages, to fix this please rename jbimages/langs/en.js to it.js and jbimages/langs/en_dlg.js to it_dlg.js

  24. jijo009 says:

    hello ,

    when we trying to insert an image in firefox its placing correctly in table cell (where the mouse pointer was) but in IE it not placing exactly in to the cell , can you suggest a quick work around for this , thanks for developing very useful plugin.

  25. terminotor says:

    “The upload path does not appear to be valid.”…

  26. Cornelius says:

    Hei :)

    Thanks for this plugin!

    But i have a problem with this plugin.
    In the config.php file i have configured the $config['img_path'] = ‘/images’;

    When i am inside my CMS system and try to upload an image with tiny_MCE..
    I dont see images or image path in imageURL.

    I have to manually wright : /sitename/folder/images/imagename.jpg

    Does it supposed to be that way?



  27. Kevin says:

    So simple and so great!!!

    btw i have a small comment/prob. If you have enabled the option to automatically resize images you need to specify both width and height in order to work. If you want to resize only images that their width exceeds lets say 600px and you leave height to :0 it will not work. You have to have e.x width:600; AND height:500 (or whatever).

    other than that, the plugin works perfectly!!

  28. Edgars says:

    It is funny, that you use ci in this, just wanted to yell out – Funny :)

  29. Maarten says:

    Thank you,
    Very simple but effective plugin

  30. Awesome! This was very easy to set up…just make sure that the uploads folder is set to (777) permissions! Thanks. :)

  31. Dan says:

    I get an endless “upload in progress” with nothing outputting to the script window. The image file does get copied to the correct folder, but the window stays open that says “this is taking longer than usual, an error may have occurred” … I don’t understand why the image is successfully copied, but it never gets put into the TinyMCE editor window. Any ideas?

  32. Luciuz says:

    The best plugin ever i seen

  33. maggie says:

    Hi I got this error: “You don’t have permission to access /quiz/jscripts/tiny_mce/plugins/jbimages/ci/index.php/upload/english on this server.”

    i saw a similar error above, but the only htaccess file I can find is in the root folder, does that affect? Not familiar with using htaccess, can you advise?

    this is what is in the htaccess file I mentioned earlier:

    AddHandler cgi-php5 .php
    # -FrontPage-

    IndexIgnore .htaccess */.??* *~ *# */HEADER* */README* */_vti*

    order deny,allow
    deny from all
    allow from all

    order deny,allow
    deny from all

  34. Germán says:

    Hi admin! awesome plugin!! I’m wondering how to use (if is possible) as a file browser callback. Could you help me?
    Thanks in advance and congrat for good job!

    • Stephen says:

      A little late but this might be useful for others looking for a solution…

      I was able to get this to work in TinyMCE 4.x by copying and adjusting some of the code from the plugin… It works quite neatly. See the code required here:

      Good luck!

  35. Smit Ray says:

    I really need a help from you. I’m developing my cms at my local server (WAMP). For $config['img_path'] I’ve to give the value ‘/michael/pagedoc’; where my localserver page link is http://localhost/michael/ and pagedoc is the image folder. Well my image upload is successful though I’m facing a problem that after editing and saving the data in my database, when I’m running the page, images aren’t showing as the url is wrong. This is the url I’m getting for tinymce ### ### where to show the images I need the url to be like this ### or ###

    Please help me. I’m really looking forward to your reply

  36. Smit Ray says:

    Sorry.. My msg didn’t post properly.

    Link I’m getting is like this img src=”/michael/pagedoc/Aviary2.png”

    To view those images I need the links to be the following
    img src=”../pagedoc/Aviary2.png”


    img src=”http://localhost/michael/pagedoc/Aviary2.png”

  37. Bilal A. khan says:


    I have seen this working once therefore it indeed a marvelous job done. But now I am trying to use your image upload with tinymce. When I have uploaded it on the server, it gives me an error saying,”Upload in Progress, This is taking longer than usual.
    An error may have occurred.”
    View script’s output:”

    When I click View script’s output nothing shows up.

    Can you please guide me what can be the problem?


    Bilal A. Khan

  38. charis says:

    I’M SoRRY i posted it on the wrong box…
    i’m using CodeIgniter Framework already and inside the jbimages folder is also a CI framework folder.. are there any precautions regarding this matter because i kept getting this error
    ” Upload in progress…
    This is taking longer than usual.
    An error may have occurred. ”

    At some point, there maybe a need for me to tweak a few settings in the CI folder of jbimages. HELP!!!! Reply is badly needed.

  39. Hi,
    When i try to upload a image i get the error
    js/tiny_mce/plugins/jbimages/ci/index.php/blank/english 500 (Internal Server Error)

    Anybody else had this?

  40. Lukas says:

    Hi, my language is “pl”. I rename jbimages/lang/en.js to pl.js and jbimages/lang/en_dlg.js to pl_dlg.js.It.s works but not goog becouse when i try upload some image i see “upload an image from computer” and i can’t upload.When i use langue “en” it’s working good.

  41. Matt Crider says:

    Thanks for your work! Any interest on publishing this on Github, for posterity’s sake and so people (like me) could help contribute to the code?

  42. Simon says:

    Any chance this is also available for .NET?

  43. Joe says:

    When i try uploading a photo i get “No input file specified. ” error i have set my upload dir to 777 to

  44. Michel says:

    Would it be possible to modify this plugin to write/read the images to/from a mysql database?

  45. Excellent plugin and just what I needed.
    Can’t wait to have the one with the gallery option ;)

  46. Benny says:

    Thumbs Up!!! I like lightweight but effective applications and this is one of such. That how I build too. Thanks Again… LOL

  47. vidihook says:

    great plugin..
    but i have problem
    how to add img alt?
    i see in atribute database like this:

    alt is empty..
    how to add alt before upload image?
    or how to auto fill for alt image?

    • admin says:

      The ‘img’ tag is produced in /jbimages/js/dialog.js (line 52), so you are free to change this to whatever you want )))

  48. Edwin Yoyada says:

    Hello, i just got some problems installing this plugin.
    I found this error,
    I already changed the folder permission to 777, changed the img_path,
    And also changed my code as you’ve instructed.
    Can you help me with this issue?
    I thank you for your help :)

    Note: This is the code I make

  49. Clips says:

    Great work,
    I’m facing with a problem.
    I save the tinymce generated html code in a file output.html.
    The saved code is:

    and the browser does not shows the image.
    I suppose that the problem is the \” because if I replace the \” with just ” as follow

    it works and the browser shows the image.

    how can I resolve this?

  50. Biola says:

    “Simple” is the word… The plugin is so simple and easy to use, it solved my long-standing problem in minutes… God bless you!

  51. François Fogel says:

    Thanks for all this work!
    my question : may I set the upload path by passing a var (= the destination file) to the script?
    Thanks again

  52. kiwi says:

    Hi !
    Thank you for your plugin, it really help me.
    But I want the picture to be rename while I upload them. I’ve set “$config['encrypt_name'] = TRUE;” in the config.php, but the picture keep its original name….
    What I have to do to fix this problem please ?

  53. bluantinoo says:

    that’s the very best plugin for uploading images into tinyMCE!

    I have just one weird problem.
    Images are correctly uploaded and shown on posts,
    but in the dialog popup (lightbox like) the images are not shown because they have css to width and height set to zero.

    I can post my website URL to le you have a look,
    but as I do not want that page to be linked (is under construction)
    I split the url in 3 lines:


  54. vinay singh says:

    Fully One Day Spent for that To customize
    Thank You ……. !

    For Discussion

  55. Rob de Quartel says:

    Perfect solution! You realley helped me with that, but is it possible to add a permanent class to the tag?

  56. Rich says:


    first of all thank you for this great plugin. I have a small problem in using this plugin in combination with tiny_mce in phplist. When I’m uploading an image, tiny_mce has the image saved in the relative path. Therefore in the end the image will not be shown when sending emails via phplist. The major reason is due to the fact that tiny_mce does not safe the absolute path.

    relative_urls : ‘false’ ,
    remove_script_host : ‘false’ ,

    in the settings of tiny_mce, has no effect.

    Thanks in advance

  57. Tony says:

    Nice work here, but i’m having troubles implementing.

    After setting up everything i got this error:
    Upload in progress…
    This is taking longer than usual.
    An error may have occurred.
    View script’s output

    Went to see these comments and found that the problem might be related with .htaccess, so, i deleted it, but it haven’t solved out, as i get this 500 Internal Server Error when accessing directly the page

    Also have found that i have a particular tree of directories, and tiny_mce is placed in an different place. Should i need to setup other files?

  58. Sridevi.R says:

    Hi, Can i get jsp instead of PHP?

  59. James says:

    I love you, i love you for making this. Saved. utterly saved. That woulda taken ages to bloody come up with this

  60. kangkam says:

    Great plugin ! thanks Vik :D
    Is there any chance to add feature on key press DELETE button unlink the image uploaded ?

  61. [...] la carga de imágenes, vamos a utilizar un plugin para TinyMCE de, libre, de código abierto y licenciado bajo Creative Commons Attributin 3.0 [...]

  62. pevey says:

    Hi can help me with some error
    when I upload a image ,an error occured,”Upload in progress…
    This is taking longer than usual.
    An error may have occurred.
    View script’s output:

    when i clicked on view script’s output, there is only white box, dont show any error message.

  63. XY says:

    Hi, I could not get the plugin to work, can you please tell me how should I get it to work, I have the error msg as follows:
    ‘tiny_mce\plugins\jbimages\ci\index.php\upload\english’ could not be found

  64. XY says:

    Hi I received the error msg on my browser:
    ‘tiny_mce\plugins\jbimages\ci\index.php\upload\english’ could not be found.

    How can I get it to work? Thanks.

  65. Alexander says:

    Hello. I’m trying to use this plugin for one of my projects. However I bumped into some problems. When I’m trying to upload the image, it get stuck on “Upload in progress. This is taking longer than usual”. But the script output is just blank..

    I don’t use CI. And I have my own localhost as server (logged in as administrator, set full control on the image-folder). Tried both in chrome and firefox. Still same error.

    The image doesn’t get uploaded to the folder either. What could be the problem?

    Kind Regards

  66. Campbell says:

    Excellent plugin – congratulations on making something that just works first up and with an intelligent properly commented sensible config script – and best of all doesn`t need that crazy flash uploader. One tiny suggestion, with respect, – that you add a comment about the need to set height if you choose to set width – but by any measure this is a beautiful, efficient and lightweight plugin that does you proud.

  67. Maxi says:

    thanks for the plugin!
    But I also have a problem with the path.

    I do not want to start from the root.
    I want back three directories from the config file

    domain root/cms/backend/tinymce/plugins/jbimages/config.php

    I can write $config['img_path'] = ‘/cms/backend/images;
    But when I rename or delete the folder “cms” the plugin does not work anymore.
    Therefore, I would like ../../../images

    How can I do that?
    I’m unfortunately no a php programmer.

  68. Mengkong says:

    Could anyone help me? when I try to upload image,
    it said “Upload in progress…
    This is taking longer than usual.
    An error may have occurred.” and when I click on the “View script’s output” it show nothing.

    how can i solve this problem, please?

    • Di says:

      I got this problem too. I managed to fix it.

      Just write it down here so it might help someone else
      It is because the function is_allowed() always return false, just fix it and let it return true.

  69. Jedermy says:

    Hello I’m using the plugin here in my localmachine..

    the path to my folder is


    I haven’t edited the config since it has the same directory folder but I’m always getting this

    “The upload path does not appear to be valid.”

    I wonder why it’s happening?

  70. Chris says:

    Thanks for writing this plugin. Question: When people on my site upload images, I’d like to be able to record the names of the images in a database so that I can record which images belong with which posts. How would you recommend going about such a thing?


    • Vik Diesel says:

      Hi, Chris! Sorry for long reply. To do this you should go to line 119 in file jbimages\ci\application\controllers\editor.php and add a database routine. Jbimages uses Codeigniter as a framework, so this guide will help you:

      • Osama says:

        in comment #62, it worekd! Can you tell me why? Also, is there a reason you specified vertical displacement in ems rather than px?Mico: Changing that value in the plugin code won’t matter, if the plugin is already installed and activated. At that point, the option is already saved in the database, and it will always look at that. So, when you change it via the Options page, you are setting the value that it really wants to use, see?As far as why I used em instead of px, it’s because there’s no way for me to know what px size you have chosen on your site. The em measure is always relative to whatever your preferred text size is, so a value like margin-top: -1em; should always (well, in most cases) move the image up by one text line. But if you want to set it in pixels instead of ems, go ahead, that’s why the options are there so you can set it the way you want it.

  71. Kaushal says:

    This error to editor.
    Please heip me

    This is taking longer than usual.
    An error may have occurred.
    View script’s output

  72. Vitaliy says:

    Thank you :)

  73. kulish says:

    Simple but bulky, no need to use CI .

  74. Joanne says:

    I am trying to upload photos in a form. I have downloaded your plugin, but I can only get it to work in the text areas, I don’t want it in the text areas, only in the “file”areas, where i can choose the file. there are 6 images that i need my client to be able to upload each time they add a new vehicle to the database/website.
    If you could help me implement this, i would be extremely grateful.
    Thank You.

  75. Hi, there!

    I have this problem:

    “An Error Was Encountered
    Unable to load the requested language file: language/%7B/jbstrings_lang.php”

    Can you help me?

    Thank you!

    Antonio – Brazil

    • Vik Diesel says:

      I suppose you have the incorrect lang_id setting in langs/en_dlg.js

      • Deric Lima says:

        Hi, i have the same problem of Antonio.

        When a upload a image in JB, the follow message its shows to me:

        “An Error Was Encountered

        Unable to load the requested language file: language/%7B/jbstrings_lang.php”

        I look the permissions in the files and directories, somes configuration scripts, but the problem remains

  76. floke says:

    awesome plugin! Thank you!

  77. Jackson says:

    Just wondering as I can’t see an example, looks really nice and simple. But can you browse already uploaded images? From the specified folder. Or if you were wanting to use the same image twice, would you have to upload it twice?

    • Vik Diesel says:

      There is no image browser in this plugin, because it’s idea to be the simplest upload plugin for wysiwyg editor.

      • Elena says:

        Thanks for the great plugin. I preefr it to all the other Gravatar plugins because I can use it without editing my theme files. That makes updating the theme much easier. I also like that you can edit the CSS from the options page.

  78. Allan says:

    Hi great plugin!

    but i might be a newb here, but you say that you have to activate the plugin, where do you do that? thanks! :)

  79. Liam says:

    Thank you so much, Excelent job.

  80. tczesio says:

    Nice plugin !

  81. Parth Thakkar says:

    In which file should I paste this code starting with
    theme : “advanced”, ????

  82. Filipe says:

    Awesome plugin! Thanks!

  83. be a witch says:

    Great publish, very informative. I’m wondering why the opposite experts of this sector don’t realize this. You should proceed your writing. I am confident, you’ve a great readers’ base already!|What’s Taking place i am new to this, I stumbled upon this I have discovered It absolutely helpful and it has helped me out loads. I am hoping to give a contribution & aid different users like its aided me. Great job.

  84. Jeremiah says:

    Any fixes for the “No input file specified. ” error on godaddy hosting..? I’ve tried many fixes with the .htaccess file to no avail.. please help..

  85. I want this to be work on drupal,
    i added plugins file to sites\all\libraries\tinymce\jscripts\tiny_mce\plugins

    and added $plugins['jbimages'] = array(
    ‘path’ => $editor['library path'] . ‘/plugins/jbimages’,
    ‘extensions’ => array(‘jbimages’ => t(‘jbimages’)),
    ‘buttons’ => array(‘jbimages’ => t(‘jbimages’)),
    ‘url’ => ‘’,
    ‘internal’ => TRUE,
    ‘load’ => TRUE,
    ); this code to sites\all\modules\contrib\wysiwyg\editors\ under function wysiwyg_tinymce_plugins

    but it didn’t work, RTE is disable when i enable it through admin/config/content/wysiwyg

  86. Jack says:

    There is no version of

  87. Chris says:

    This is a gift from God! Thank you very much!!!

  88. Raphael says:


    this is incredible, thank you so much!
    During the last 2h I was able to include your plugin into my upcoming bbpress-forum which has NO inline-posting capabilites by itself. It’s neither pretty nor finished atm but it works. Thank you SO MUCH. I will donate, that’s for sure.

    Although there are some problems left, there’s one I don’t seem to be able to solve: The language is not loaded correctly.

    I get “Unable to load the requested language file: language/%7B/jbstrings_lang.php” just as posted above.

    The lang_id in en_dlg.js looks is unchanged to your file: lang_id : ‘english’

    What am I doing wrong?

    I got it working by uncommenting:

    “if (!in_array($lang, $langs))
    $lang = ‘english’;
    in editor.php but of course that’s not the proper solution and even with that hack I don’t see the language strings…

    I will have to translate to german and can send you the files afterwards.

    Thanks for your fast reply, you really made my day!

    PS: You should consider doing a WP/bbpress plugin as so many people really desperately look for a inline-image-solution and tinyMCE is the standard editor (at least in the current version 2.x)

    • Pavel says:

      Hi, i’m trying to get it work with WP/bbpress too and have the same problem with laguage files, and i think upload don’t work correctly cause of it.

      I will try your solution, please reply did you have fixed that problem?

  89. Matt says:

    Can it be tweaked to allow multiple image uploads?

  90. rebel says:

    Hi, jbi was the first uploader that starts working ;-) Unfortunatly I get the errormessage after selecting a file for upload:
    Upload in progress…
    This is taking longer than usual.
    An error may have occurred.
    View script’s output

    Warning: File upload error – unable to create a temporary file in Unknown on line 0

    404 Page Not Found
    The page you requested was not found.
    my structure is
    for image data I have

    edited text/html files for tinymce are stored below data. It works. jbimages icon is apearing in tinymce. Selection process works. The path in the config is set like this:

    $config['img_path'] = ‘/images’;

    I tried the script above to find out if DOCUMENT_ROOT is set, and that seems to be allright. Since the error states Unknown, I dont know where to look to debug?

  91. Valerie says:


    I am trying to use your plugin and got it installed in:

    How do i activate jbimages via the plugin manager from Joomla Admin? I tried to add “jbimages” and “ibimages,gif” for Custom Plugin and Custom buttin respectively when in plugin edit mode using Admin account.

    How do i activate jbimages from the backend via Admin? Thanks!

  92. Dr.Ehab says:

    Hi , Is there a way to upload several images at the same time???

  93. I am also getting the same results as others:
    Upload in progress…
    This is taking longer than usual.
    An error may have occurred.
    View script’s output
    No input file specified.
    Debugging shows it’s looking for tinymce/jscripts/tiny_mce/plugins/jbimages/ci/index.php/upload/english, which does not exist.
    Looking at dialog.htm, it appears to be hard-coded in the form action:
    I’ve tried putting htaccess with mod-rewrite commands in jbimages folder, modifying permission on upload folder, etc. and still no success.
    If you’ve got this working on GoDaddy hosting, please give us a clue how to fix this.

  94. Davit says:

    Thanks a lot for your plugin! Really!

  95. Davit says:

    Thanks a lot for your plugin! Really big THANKS!

  96. Ankur says:

    JBImage button not appearing in my TinyMCE. I copy pasted java script which you have given above.

  97. tania says:

    for ci….what i have to use ??

  98. Amirol says:

    The most simple TinyMCE plugin for image uploader. Awesome! Just took a few minutes to configure and it’s works!

    I wasted a few hours testing other plugin but they didn’t work. Love your plugin dude!

  99. mv-soft says:


    thanks for this but… it’s not work.

    I hvae your Plugin installes in a local maschine (xampp). All I use for installing, but the error is:
    The upload path does not appear to be valid. ???

    In the config.php I write:
    $config['img_path'] = ‘/images’;

    Can you help me?


  100. petar says:

    Nice cob man!
    But for someone who doeasnt know is little to much to upload all CI. U should write tutorial how to integrate this in project which is running under CI. If u want help or u dont have time I would like to help u, or maybe write together :)

  101. ben h says:

    hi mate, im trying to use the $config['img_path'] to upload to a user folder found in a session varible, like so
    $config['img_path'] = ‘/memberFiles/’ . $SESSION['id'] . ”;
    but cant get it working.

    Many thanks

  102. Harry Wiseman says:

    Weird one, when I insert into my db it puts in which makes it not work. Also when viewing it from a page for example the file path that is provided wouldn’t be correct either as it should be ../../../uploads/img/img.jpg for example.
    Help would be amazing as this plugin is really good

  103. Heinz says:

    Hi, would it be possible to set a minimum width / height of an image? Just to make sure people don’t load too small images.
    Thanks for your reply.

  104. fer says:

    No input file specified. ????

  105. Mohamad says:

    Bro, thanks for the very nice plugin!

  106. Salfi says:

    Hi, Your plugin really worked fine…There is a question that how to delete the image from the folder where it is uploaded…When i delete the image in the editor it still remain in the folder…..

  107. Rahas Das says:

    Upload in progress…
    This is taking longer than usual.
    An error may have occurred.
    View script’s output

  108. sjoerdje says:

    i have the max size on 400 ( i tried in on 200 ) but it dont works…: $config['max_width'] = 400;

  109. Priyanka says:


    I have used your plugin but get a problem. I have run this on

    upload the image is fine but is wrong. It take special charecterin url and not taking the proper path.

    How to rectify this problem plz guide me ASAP.

  110. lolo says:

    thank you so much for this wonderful plugin
    if you wanna use the auto-resize just put a max width AND a max height (even if you don’t need that one)

  111. Bjoern says:

    Hi, i still got the following Error:

    An error may have occurred.
    Disallowed Key Characters.

    Some guys asked the same, but i didn’t found an answer. Can you help, to solve the problem? Thank you, Bjoern

  112. James says:

    Looks nice, but is there a missing file in the download?
    tiny_mce_src.js ?

  113. Yaron says:

    Great work,
    Missing the ‘data-mce-src’ should be added in dialog.js line 57:

    tinyMCEPopup.editor.execCommand(‘mceInsertContent’, false, ”);

    This will allow the default tinyMce image editor to read the URL.

    • Yaron says:

      the code didn’t come out correct in the post
      should just add the same code in line 57 for the ‘src’ attribute to a new ‘data-mce-src’ attribute

  114. It’s a pity you don’t have a donate button! I’d definitely donate to this fantastic blog! I guess for now i’ll settle for
    bookmarking and adding your RSS feed to my Google account.
    I look forward to fresh updates and will talk about this blog with my Facebook group.
    Chat soon!
    Greetings from Ohio! I’m bored at work so I decided to browse your blog on my iphone during lunch break. I really like the info you present here and can’t
    wait to take a look when I get home. I’m amazed at how fast your blog loaded on my phone .. I’m not even using
    WIFI, just 3G .. Anyhow, good site!

  115. kunal says:

    Hi, admin

    Thanks for great plugin
    But I have some issue with image upload.

    here is error
    Upload in progress…
    This is taking longer than usual.
    An error may have occurred.
    View script’s output

    then in bottom popup it give this error

    “Internal Server Error

    The server encountered an internal error or misconfiguration and was unable to complete your request.”

    Any suggestion to fix this error


  116. Pat Wissel says:

    Actually, I’m wrong. It’s not used for orientation, but the SDK adds it implicitly:

  117. Henry says:

    I can get the plugin to work, uploads images perfectly and inserts into editor. However, in PhpFox 3, when you save the work (either in Events, Blog or other) the document won’t save – sort of.

    The image is uploaded on the server, if I go to edit the page, TinyMCE shows the image still in the editor, but when I go to view the page that should be saved with the image, there is no image. TInyMCE save text etc, but it just does not seem to save the file with the image – or the image is save in the file but it is using an incorrect URL reference (base?)

    Anyone figure this out or have the same or similar issue?

  118. srijib says:

    I like the theme of your website.. did you use tweeter bootstrap ?? also nice plugin :)

  119. Its like you read my mind! You seem to know a lot about this,
    like you wrote the book in it or something. I think that you could
    do with a few pics to drive the message home a little
    bit, but instead of that, this is fantastic blog. A great read.
    I’ll certainly be back.

  120. Thang says:

    Thank you very much. It help me alot

  121. Thierry says:

    Thank you very much for this plugon ; i have it work to upload in a folder ; but i cannot get the image get into the text area. May you explain how to do this ? Thank yo in advance for your reply

  122. Shane says:

    Hi there,

    I am having the same issue as reported in November 2011 (on a WordPress installation):
    Unfortunately I don’t know what I am looking for in .htaccess.
    Any guidance would be appreciated.
    Original Report with Admin Response:
    I am trying to get this to work on a website using codeigniter framework…I get this error:
    Upload in progress…
    This is taking longer than usual.
    An error may have occurred.
    View script’s output

    404 Page Not Found
    The page you requested was not found.

    November 29, 2011 at 6:24 am
    Hi! Try to access directly to (your_domain_and_path_here)/tiny_mce/plugins/jbimages/ci/index.php/blank/english
    Most likely, you have configured Apache mod rewrite and it points you to some other location. Please check the .htaccess file in the server’s root directory.

    • Shane says:

      I navigated to (MY_domain_and_path_here)/tiny_mce/plugins/jbimages/ci/index.php/blank/english and just get a blank screen.

      I am using GoDaddy hosting hosting multiple domains on same account, so this URL is not the root domain.
      I use WordPress almost exclusively so all mod-rewrites are controlled by Hosting Provider and WordPress Plugins.
      I use W3 Total Cache so have multiple Mod-Rewrite declarations.
      To be honest, I would not know what I am looking for.

      Now I don’t even get the 404 error. Script output is blank.

  123. Vik Diesel says:

    Hi! Just released the version for new TinyMCE 4.x. Enjoy!

  124. sumit says:

    i want to know how can i set the text around the image we put.
    just for example : if i put image in the middle then need to wrap text on the right and left of the image. no blank space.

    Please need this help quickly

  125. Paula says:

    I am from Brasil, so we have a lot of especial characters in our language and the plugin saves the images without encoding it, so I cant upload some images. Do you have any ideia how to solve it?

  126. shishir kant says:

    I am applying this plugin it works fine on local server but when i applied it on godaddy hosting server it does not take the image from the computer in the file field it give the error “No input file specified.”. Plz help me

  127. james says:

    absolutely fantastic

  128. Lukas says:


    Nice plugin. How about these two features?

    1. Drag and Drop images direct into the editor?
    2. Resize and open in lightbox, as known from confluence:

    Cheers, Lukas

  129. Jose says:


    Can we have multiple directorys for multiple users for upload image?
    We want to put the editor in a secure area and the user have to set the images in his own directory and the source code that is added have to be fully path. (

    Can be done ?

    Best Regards

  130. fsdf says:

    who can explain me how to connect this addon with tinymce advanced?

  131. Annis says:

    Hi there would you mind sharing which blog platform you’re working with? I’m planning to start my own
    blog in the near future but I’m having a difficult time making a decision between BlogEngine/Wordpress/B2evolution and Drupal. The reason I ask is because your design and style seems different then most blogs and I’m looking for something unique.
    P.S Sorry for getting off-topic but I had to ask!

  132. Saulius says:

    As I was unable to find a straight answer to this and had to go digging around myself, anyone experiencing the error of the server being unable to find (or being forbidden to access)

    Modify dialog.htm, found in tiny_mce/plugins/jbimages/, and replace


    This fixed it right up for me.

  133. Theresa says:

    I’m gone to tell my little brother, that he should also pay a visit this blog on regular basis to obtain updated from hottest reports.

    Feel free to surf to my website … Xanax (Theresa)

  134. Wе’re a group of volunteers and starting a new scheme in our community. Your site offered us with valuable info to work on. You have done a formidable job and our entire community will be grateful to you.

    my web-site: green smoke coupon

  135. belen says:

    How to modify the language version 4.0 Thanks!

  136. Tharaka Arachchige says:

    There is an error! The root folder not exist
    I got this error, but now it fixed

    relative_urls: false

    Thank you

  137. 杨璐 says:

    Chinese friend said: Thank you for letting me from overtime

  138. Dinesh says:

    Great plugin, Thanks

  139. Rudd says:

    This is pretty cool, kind of like WordPress image uploader. Does this script allows users to upload image by simply drag it to the screen (like WP does) ?

  140. vesper8 says:

    well this sounds great and is exactly what I am looking for.

    But I can’t get it to work with nginx. Someone else mentionned problems.

    Hopefully someone can post how to get it to work.

  141. Zeus says:

    Thanks man. Your a hero! I’ve installed the plugin to tinymce and im using Zend Framework! Thumbs up!

  142. dima says:

    I have a problem with Russian file names. I can’t upload them. Latin names are ok

  143. Ferds says:

    Hi there. Thanks for the plug-in, it’s as good as people are saying here. But today I got the strangest behavior: AVAST anti-virus stated to block any uploaded image, and is also blocking images previously uploaded with jbimages.
    Everything was fine ’till yesterday. The reported files are not infected. What can gone wrong?

  144. Jason says:

    “No input file specified.” hosting godaddy, edited .htacess, did the index.php? thing. Still no go. Please help!!!

  145. SteveW says:

    In config file I need to pull out the actual image file name to add to our db, got the path but not actual filename

    Thanks Steve

    $config['img_path'] = $path; // Relative to domain name
    $config['upload_path'] = $_SERVER['DOCUMENT_ROOT'] . $config['img_path']; // Physical path. [Usually works fine like this]

  146. Rafiq says:

    his is working

  147. Rene says:


    what a great plugin… thank you very much!
    Because of some translation problems (what is “HTTP Authorisation”?), I have got one question:
    I use TinyMCE and your plugin within a password-protected members area.
    So do I still need the function is_allowed() or is this just a suggestion for people without any password-protection?

    Thank you!

  148. hyipmonitor says:

    Works like charm and fantastic plugin. I changed from CKEditor to TINYmce. Thanks for this.

  149. Eliton Luiz says:

    Amazing plugin. Simple, but wonderfull!!!

  150. Bobby Edge says:

    Is there a way to set a sub-directory for uploading into in the config so that I can use the same js library and have my files partitioned?

  151. henk says:

    ….frustrating… I am using rewriteRules in .htaccess to get nice and clean URLs yet the images on these pages won’t show, only on the homepage. I don’t get that absolute path thing working…. :-(

    it’s all the time: img src=’/images/sadfasf.jpg’
    where it must be:
    img src=’www dot website dot com/images/sadasdfs.jpg’

    if I change img_path in config to absolute, it still doesn’t work.

  152. henk says:

    …forget my comment, I forgot the ‘relative_urls: false;

    works like a charm.

  153. nishimu says:

    Is there any implementation with python?

  154. Nickie says:

    Ребята, респект за плагин.
    Хороший мануальчик, прикольный сайт.

    Но отказался от плагина вашего по двум причинам:
    1. увидел, что там CI внутри. слишком тяжело для такого простого плагина, на мой взгляд + лишние файлы, лишние потенциальные уязвимости.
    2. при аплоаде все фотки скидываются в одну папку. через какое-то время при нормальном объеме аплоада, эта папка забьется файлами и могут начаться лаги (в частности, на некоторых никс-системах, после 32к файлов в одной папке) на уровне ОС. Советую внедрить параметр и поставить его по-умолчанию, чтобы файлы раскидывались по папкам по какому-то принципу.

    Удачи в развитии плагина ;)

  155. says:

    Unfortunately, I have an alert “The upload path does not appear to be valid”. The path looks ok and I don’t know where is this bug :(

  156. Remember: $_SERVER['DOCUMENT_ROOT'] means the ROOT domain address. In this case you will need to create and not create the folder inside js/tinymce/plugins/jbimages/images/nature.

    $config['img_path'] = ‘/images/nature’;
    $config['upload_path'] = $_SERVER['DOCUMENT_ROOT'] . $config['img_path'];

  157. kishore says:

    how to integrate with cakephp 1.3

  158. skyrat says:

    Thanks for the plugin! I’m experiencing a problem at editor_plugin.js, line 49:

    ed.onNodeChange.add(function(ed, cm, n) {

    Error is: Uncaught Type Error: Cannot call method ‘add’ of undefined.

    Any advice on how to overcome this?

  159. Barış says:

    How to use jbimages on laravel 4. I done first conf. but not upload to photo. Help me.

  160. matzone says:

    The previous version was worked for me (Thanx alot !!) ..
    But the new one (ver 4) doesn’t …

    It’s already config’ed :
    - relative_urls : false ;
    - set atribute folder to 777
    - config.php is same as the old ver

    And the result is “This taking longer than usual …”

    Please help !!

  161. Michael says:

    Would be grate to implement this for file upload. A secondary button “Add file”, same upload form, and after upload your write a optional Link text, after this you press “Upload” and then a link to the file is added.

  162. Incrediboe points. Solid arguments. Keep up thee great work.

  163. Gwhiz says:


    I’m not sure if I’m doing something wrong here: The plugin is correctly uploading the images to my images folder, but there it does not insert into the editor. From the video on this page, it appears it is supposed to do that automatically, but mine is not.


  164. Hendra Kurniawan says:

    I’ve got an error when i upload the image, but when i click view output script it’s blank, can anyone help me?

  165. David says:


    When I click the upload button it pops up a window that displays a load of HTML, there is no upload interface. I think the HTML is in the dialog.htm file or similar. What do I do?

  166. Fliste says:

    Hi, for those who get the message “This is taking longer than usual. An error may have occurred.” check your php version…

    If your server runs php4 try emulate php5 adding this line to your .htaccess file
    AddHandler x-mapp-php5 .php

  167. Dumuka says:

    How to integration of cakephp 2.3 . Please help me

  168. Excellent site you’ve got here.. It’s difficult to find high-quality writing like yours these days.
    I seriously appreciate individuals like you! Take care!!

  169. Dumusuka says:

    I have installed your plugin, but when I try to upload an image, it gets stuck in:
    “Upload in progress…
    This is taking longer than usual.
    An error may have occurred.”
    View script’s output:”
    “Result: File_uploaded”

    How can I solve this error?


  170. Gia says:

    This plugin is very good.

    Thank you very much, we need more people like you.

    Keep up the wonderful work.


  171. sane says:

    I had problems with the integration in symfony 2, problems were in server config for sf2 and conflict of routing CI and sf2. Solution: pass parameters through GET request:

    1. In ci\application\config\config.php find
    $config['enable_query_strings'] and set it to TRUE

    2. In dialog.htm and dialog-v4.htm change form action to:

    3. In dialog.htm and dialog-v4.htm change iframe src to:

    Sorry for my google translated english.

  172. Elijah Reyen says:


    I am trying to hook up your plugin to our existing backend which is in pure Java. I was wondering in the dialog-v4.htm, what does the iframe does and the purpose of it?

  173. Nadav says:

    Hi there. Your plugin works great on my custom CMS. But when I tried adding it to a TinyMCE in a CodeIgniter environment I ran into a problem. I followed all the integration instructions you put up but am stuck on the last one:
    “Change links to PHP-side in jbimages/dialog.htm (lines 13 and 30)”

    Can you please be more specific? Line 13 is a form tag while line 30 is an iframe tag. Which attributes am I supposed to change and to what?

  174. waiyan says:

    Thank so much, I love this plugin.

  175. Hector says:

    works with I tinyMCE but this not functioning correctly.

  176. john says:

    Olá, nesses dias estou tendo problema com centralização das imagens. Dentro da caixa de texto fica no centro as imagens externas e interna, mas quando vai pra pagina, fica a direita ou a esquerda. Como resolver isso?

  177. Netai Nayek says:

    for “no input file specified error” problem goto “/tinymce/plugins/jbimages/ci” path then change index.php file permission to 777 ………………………….
    your problem will solved enjoy :)

  178. Bipul says:

    For my website,I created a page with tabs, each containing two instances of tinymce each (total 5 tabs). The problem is that when an image is uploaded in any one of the editor,it gets shown in any other editor for the first time. The image gets successfully uploaded. If you close the upload dialog and then upload again, the problem will not occur. Please help.

  179. Rhass says:

    Hello. I am using your plug in for my thesis. When testing my system in my localhost, i dont get any problem. The uploading of images works fine but when I already put it on the webhost, I already got problem. I got error message:

    “The upload path does not appear to be valid.”

    I already set my chmod on 777 but the I got the same error. Please help..

  180. Don says:

    How can I upload multiple image. I used html5 multiple attribute as recommended by one of the posters but it doesn’t work. It can only select multiple image but cannot upload it. When you click upload, it will upload only one image

  181. manixx says:

    I had the same issue “The upload path does not appear to be valid.” like others. I’m working on a Mac with the locale apache installation. On my System the variable $_SERVER['DOCUMENT_ROOT'] was not properly set.

    I changed the paths in the config.php to relative ones:

    $config['img_path'] = ‘images’;
    $config['upload_path'] = ‘../../../../../images’;

    Works for me perfectly.

  182. Nez says:

    Admin, I am stuck on the last line with regards to codeigniter integration.

    Can you be more specific with the line that says “Change links to PHP-side in jbimages/dialog.htm (lines 13 and 30)”

  183. Brian says:

    For anyone who’s having problems with codeigniter make sure you have the following set:
    First make sure you’re routes are setup correctly. For instance:
    $route['admin/uploader/(:any)'] = ‘admin/uploader’;

    then in the dialog-v4.html change line 11 to /admin/uploader/upload
    and line 24 to /admin/uploader/blank

    In the uploader_settings I have:
    $config['img_path'] = ‘/assets/public/uploads’;
    $config['upload_path'] = ‘assets/public/uploads’;
    And last in uploader.php make sure to add admin on line 102 ,111 and 120. It should look like this: $this->load->view(‘admin/ajax_upload_result’, $result);

    Now it should work

    Best regards,


  184. Gwhiz says:

    Great idea, but it just does not work. I’ve spent hours on this, on local testing server, and on 2 different live servers. There are apparently issues making it work on GoDaddy, and when I do get it to at least upload my images (non-GoDaddy server), the plugin uploads the image correctly, but does not insert it at all into the editor.

    • Gwhiz says:

      Ok, addition to my previous comment. All the issues I had with JBImages were due to the fact that I was using a CDN for TinyMCE. I had JBImages loading as an external plug in (ie: not in the TinyMCE “plugins” directory”)

      JBImages seems to use links to the TinyMCE plugins directory, so don’t use it if you’re using a CDN.

      I fixed my issues by removing the CDN, and instead linking to TinyMCE on my site.

      Sorry for the confusion, plugin works great now.

      Author: Please note in your your docs above that it will not work using a CDN for TinyMCE.

  185. shalaka says:

    Hi, I have used this plugin in my project. Its working fine. Image is correctly uploaded in folder and seen in the editor as well.

    But when i am sending this content in email, image is not getting displayed.

    Please guide me.
    Thanks in advance.

  186. Sophia says:

    Thanks for this great information, because plugin is great. I will use it definitely.

  187. Hey there! Someone in my Myspace group shared this site
    with us so I came to take a look. I’m definitely enjoying the information.

    I’m bookmarking and will be tweeting this to my followers!
    Exceptional blog and fantastic design and style.

  188. Jason says:

    I am having a problem in all browsers uploading animated .gif files. It seems that they are converted to regular .gif and therefore do not animate when displayed on the page.

    Any help appreciated!

  189. Marker says:

    I want to add extra field in pop up that is Image Caption
    And it will display after adding image below that image which i fill in to image caption field
    can anybody help me for that it is so urgent

    thanks in advance

  190. Andrei says:

    That’s really bad limitation to have “relative_url” ste to “false”. Most of solution cannot afford it. Please add suppot for “relative_url” set to “true”

  191. pamas says:

    Hi, i today download your plugin, but i have problem with upload any image. I have instaled tinymce ver. 4.0.22. I set $config['img_path'] and check all permision with function is_writable(). I tested too with is_allowed() setting with username and password, but i have still “Upload in progress…
    This is taking longer than usual.
    An error may have occurred.
    View script’s output” (when i want look at the script output – a have clear area)
    Thank you for any help.

  192. George Mouchet says:

    I too am getting the “Upload in progress…
    This is taking longer than usual.
    An error may have occurred.” error with no output from the script when I click on “View script’s output”. There are no Javascript errors and the PHP error log is empty. How do I debug this?

  193. tran says:

    Thanks! it works greate.

  194. elyas says:

    Hi i have problem
    how to add img alt?
    i see in atribute database like this:

    alt is empty..
    how to add alt before upload image by user?
    and insert a textbox for get atribute alt in the upload form?

  195. Like jbimages says:

    Hello guys….I insert the image in database with article..But when I want to get from database and show it on the site the content is: Beautiful article: \”\”…Help me please

  196. Nagaraj says:

    Thanks for the plugin. it’s very easy to use.

  197. Eric says:

    Once my website gets up and running, and generating some revenue, I’ll be sending a donation your way! Thank you for this easy-to-use plugin! Very good documentation as well.

  198. SmashedChimp says:

    When I hit the image upload button, it opens the Upload an image dialog box but it is empty and then proceeds to try and open/download the dialog-v4.htm file. Has anyone also had this issue?

  199. Carlos Ramirez says:

    Hi, great documentation, but i have a problem, the img is uploaded, but on my content field in my db it looks like this:
    <p><img src="localhost/blog_scaff/upload/entradas/Franz-Ferdinand-right-action.jpg" alt="" width="254" height="143" /></p>
    <p> </p>

    ando the image doesn’t show, i set the relative_url in false as you said in the configuration, how can i fix it??

  200. Trudy Shore says:

    I spoke too soon… The plugin now works in Safari and FF on my Mac and FF and Chrome on my PC. It doesn’t work, but doesn’t given an error in IE9 and throws “The upload path does not appear to be valid.” in IE7 and IE8.

  201. Sparhawk says:

    Oops, I apologize for the links to the “Domain1″ and “Domain2″ domains. I faked the domain names to protect the groups I am writing these pages for.

Leave a Reply to be a witch