Images - "Upload Another?" Option

›Forum›browse›Killer Ideas›Images - "Upload Another?" Option

Follow 3

Add topic

Joeyy | 30-01-2016 04:50

Requesting we have the option to upload another after we've uploaded an image. From a moderator's point of view (mine, at least

), it gets a bit tedious having to close the box and start again when uploading multiple images for an artist. And since we can't upload multiple images at once, this would be helpful. I'm sure members who like to have lots of images on their profile would appreciate something a bit quicker, too.

9 comments

Ray | 02-02-2016 13:04

Simple and good idea

I added a "add new"-button on the picture page (the page your'e being forwarded to after you sucessfully uploaded a picture).

Joeyy | 02-02-2016 18:10

Excellent! Just tried this out. Thanks a lot.

Joeyy | 02-02-2016 18:11

I spoke too soon.

The first image doesn't save.

When you upload an image, you have to save it after the upload, so clicking to upload another skips the "save" step. I did wonder about this when I asked, but hoped there might be a way around it...?

Joeyy | 03-02-2016 20:31

I don't know if you've changed it since my last post or I didn't notice before, but I see there's now an "add new" option after you've saved an image - thanks!

(Suggesting you remove the feature to add a new one in the previewing stage - or change the wording to something "change image".)

Olivia_Ka | 03-02-2016 21:00

I don't know if you've changed it since my last post or I didn't notice before, but I see there's now an "add new" option after you've saved an image - thanks!

I noticed it too last night/this morning, Joey.

Ray | 03-02-2016 21:32

Haha, yes, my description was not that clear

The add-image functionality can only handle one picture at the time. Once uploaded and saved (!), you'll indeed find the new button on that page after it.

Ray | 03-02-2016 21:39

I also changed the name of that button you referrer to. I hope it's more clear now.

Joeyy | 04-02-2016 01:15

Thanks for listening, but I still think it might be confusing for non-native English speakers. The button at the preview stage says "upload" - someone might think pressing "upload" is another way of saving the image, or that they safely can upload another without having to hit "save". I'd again suggest it should say something like, "change".

If you really don't think so, I'll shush.

Ray | 04-02-2016 13:51

Humm, I indeed see the possible double interpretation of "upload", another word is needed

I'm not sure if it should be "change", because the picture preview is empty initially, but "change" does apply when it already contains a picture.

So that would lead to "update", "set", "alter", "modify", "insert" - ish words. I made it "insert picture". What you think?

guest

POP OUT SAVE

$form.$set(f,{a:'ajax_comment_manage',pop:'in',content_type:'forumtopic',parent_id:'578085',follow:0},{noaskonclose:1});

//--------------------------------------------------------------------------------------------------
//  On save
//--------------------------------------------------------------------------------------------------

$events.$addFunction('click',1545420973,true,function(){
      //--------------------------------------------------------------------------------------------
      //  Find form element
      //--------------------------------------------------------------------------------------------
          var f=arguments[0].$t.closest('form');
      //--------------------------------------------------------------------------------------------
      //  Callback
      //--------------------------------------------------------------------------------------------
          var $callback = function(f,$c,$json) {
            if ($json.hasOwnProperty('mode') && $json.mode == 'popin') { // Error occured - popin version
              f.parent().html($json.body);
            }
            else {
              var $formrow = $('#id_1545492900').closest('div[data-form]'); // Find the wrapper of the form (div that holds the form)
              //------------------------------------------------------------------------------------
              //  Remove lightbox for popout or reset popin form
              //------------------------------------------------------------------------------------
                 if ($json.pop == 'out') {
                   lightbox_remove();
                 }
                 else {
                   $formrow.find('[data-b]').find('span').show().last().hide();
                   f.find('textarea[name=comment]').prop('disabled',false).val('');
                   f.find('input[name=vote]').val('');
                   f.find('.errors').remove(); // remove error box if present
                 }
              //------------------------------------------------------------------------------------
              //  Insert on bottom
              //------------------------------------------------------------------------------------
                  if ($json.content_type == 'forumtopic')
                    $('html, body') // html and body both needed for cross browser compatibility
                      .animate({ scrollTop:$formrow.last().offset().top - 200 }, 500)
                      .promise() // the promise-done deals with preventing a double call for browser that support both html and body
                      .done(function(){ 
                        $formrow.last().before($json.comment).prev().rowslide({effect:'open'});
                      });
              //------------------------------------------------------------------------------------
              //  Insert on top
              //------------------------------------------------------------------------------------
                  else $formrow.first().after($json.comment).next().rowslide({effect:'open'});
              }

return;
          };
      //--------------------------------------------------------------------------------------------
      //  Parse request
      //--------------------------------------------------------------------------------------------
          $http.$req({m:'POST',d:1,q:f.serialize(),b:$.proxy($callback,null,f)});
      //--------------------------------------------------------------------------------------------
      //  "After-click" styling
      //--------------------------------------------------------------------------------------------
          if (f.find('input[name=pop]').val() == 'in') {
            arguments[0].$t.parent().children().hide().last().show();
            f.find('textarea[name=comment]').prop('disabled',true); // do after $http.$req because serialize ignores disabled fields
          }
          else {
            lightbox_remove({keepdim:1});
            lightbox_prepare({});
          }

});
//--------------------------------------------------------------------------------------------------
//  Detach function (pop-out button and poll vote button) - prepare for "detach" submit
//--------------------------------------------------------------------------------------------------
    $events.$addFunction('click',1519156756,true,function(){
      var f = arguments[0].$t.closest('form');
      f.find('input[name=reload]').val(1);
      f.find('input[name=pop]').val('out');
      //if (arguments[0].$t.is('[data-vote]')) f.find('input[name=vote]').val(arguments[0].$t.attr('data-vote'));
      f.find('.errors').remove();
    });
    $events.$addFunction('click',1545858987,true,function(){ // Poll-vote button
      var f = $('#id_1545492900');
      f.find('input[name=vote]').val(arguments[0].$t.attr('data-vote'));
      $('#id_1545858923').trigger('click');
    });
//--------------------------------------------------------------------------------------------------
//  Reset popin form
//--------------------------------------------------------------------------------------------------
    $events.$addFunction('click',1545413833,true,function(){
      var f = arguments[0].$t.closest('form');
      f.find('input[name=reload]').val(0);
      f.find('input[name=pop]').val('in');
      f.find('input[name=vote]').val('');
      f.find('textarea[name=comment]').val('');
    });