How to append _thumb to all media uploaded and media that is already uploaded to my wordpress blog

2 comments

1. Check out this SO wordpress-3-0-media-uploader-alters-my-image-filename.

   You could modify it something like;

   function my_upload_prefix( $filename, $filename_raw ) {
       if( "_thumb" != substr($filename_raw, 0, 6) )
           $filename = "_thumb" . $filename;
   
       return $filename;
   }
   add_filter('sanitize_file_name', 'my_upload_prefix', 10, 2);
   

   Log in to Reply

2. Assuming you are trying to do this on the front-end, a simple solution would be something like the following:

   Assuming something like:

     <img src='image1.png'>
     <img src='image2.png'>
   

   jQuery as follows:

   var $allImages = $('img');
   
   $allImages.each( function() {
       var curUrl = $(this).attr('src');
       var newUrl = '_thumbs/' + curUrl;
       $(this).attr('src',newUrl);
   })
   

   Would result in the following HTML:

    <img src='thumbs_/image1.png'>
    <img src='thumbs_/image2.png'>
   

   And finally a working example at jsfiddle – http://jsfiddle.net/BTRax/7/

   If you were trying to do this on the backend in PHP well then someone else will need to chime in 🙂

   Log in to Reply