How to send Pictures using JSQMessagesViewControll

Question

I am using the JSQMessagesViewController in a Chat App I am making. I am able so successfully send and receive text messages but would like to add support for Images also.

I have implemented the didPressAccessoryButton function which is executed when the lower bottom paper clip / attachment button is clicked.

My question is - I am not sure what to do next? or how to implement the JSQPhotoMediaItem (link)???

override func didPressAccessoryButton(sender: UIButton!) {
    var imgToSend = UIImage(named: "devassets_avatar_01_selected.png")
    var photoMediaItem = JSQPhotoMediaItem(image: imgToSend)


    let mediaMsg = PFObject(className: "Message")
    mediaMsg["content"] = "this is photo item"
    mediaMsg["room"] = room
    mediaMsg["user"] = PFUser.currentUser()
    mediaMsg["media"] = photoMediaItem

    mediaMsg.saveInBackgroundWithBlock { (success, error) -> Void in
        if error == nil {
            //self.loadMessages()

            self.room["lastUpdate"] = NSDate()
            self.room.saveInBackgroundWithBlock(nil)

        }else{
            println("error sending message \(error!.localizedDescription)")
        }

    }

    self.finishSendingMessage()
}

When the above function is run, the app crashes with the following stacktrace:

2015-06-24 09:58:33.850 ShitTalk[9530:818302] *** Terminating app due   to uncaught exception 'NSInvalidArgumentException', reason: 'PFObject values may not have class: JSQPhotoMediaItem'
*** First throw call stack:
(
0   CoreFoundation                      0x0000000105cb5c65 __exceptionPreprocess + 165
1   libobjc.A.dylib                     0x000000010594ebb7 objc_exception_throw + 45
2   CoreFoundation                      0x0000000105cb5b9d +[NSException raise:format:] + 205
3   ShitTalk                            0x000000010393e7f1 -[PFObject _setObject:forKey:onlyIfDifferent:] + 750
4   ShitTalk                            0x000000010393e4f0 -[PFObject setObject:forKey:] + 53
5   ShitTalk                            0x000000010393e90f -[PFObject setObject:forKeyedSubscript:] + 50
6   ShitTalk                            0x0000000103909e4a _TFC8ShitTalk22MessagesViewController23didPressAccessoryButtonfS0_FGSQCSo8UIButton_T_ + 1306
7   ShitTalk                            0x000000010390a0f6 _TToFC8ShitTalk22MessagesViewController23didPressAccessoryButtonfS0_FGSQCSo8UIButton_T_ + 54
8   ShitTalk                            0x000000010389866d -[JSQMessagesViewController messagesInputToolbar:didPressLeftBarButton:] + 125
9   ShitTalk                            0x000000010387ebfd -[JSQMessagesInputToolbar jsq_leftBarButtonPressed:] + 93
10  UIKit                               0x00000001062dfda2 -[UIApplication sendAction:to:from:forEvent:] + 75
11  UIKit                               0x00000001063f154a -[UIControl _sendActionsForEvents:withEvent:] + 467
12  UIKit                               0x00000001063f0919 -[UIControl touchesEnded:withEvent:] + 522
13  UIKit                               0x000000010668aa10 _UIGestureRecognizerUpdate + 9487
14  UIKit                               0x000000010632c686 -[UIWindow _sendGesturesForEvent:] + 1041
15  UIKit                               0x000000010632d2b2 -[UIWindow sendEvent:] + 666
16  UIKit                               0x00000001062f3581 -[UIApplication sendEvent:] + 246
17  UIKit                               0x0000000106300d1c _UIApplicationHandleEventFromQueueEvent + 18265
18  UIKit                               0x00000001062db5dc _UIApplicationHandleEventQueue + 2066
19  CoreFoundation                      0x0000000105be9431 __CFRUNLOOP_IS_CALLING_OUT_TO_A_SOURCE0_PERFORM_FUNCTION__ + 17
20  CoreFoundation                      0x0000000105bdf2fd __CFRunLoopDoSources0 + 269
21  CoreFoundation                      0x0000000105bde934 __CFRunLoopRun + 868
22  CoreFoundation                      0x0000000105bde366 CFRunLoopRunSpecific + 470
23  GraphicsServices                    0x000000010a368a3e     GSEventRunModal + 161
24  UIKit                               0x00000001062de900     UIApplicationMain + 1282
25  ShitTalk                            0x00000001038afe57 main + 135
26  libdyld.dylib                       0x0000000107fda145 start + 1 
)
libc++abi.dylib: terminating with uncaught exception of type NSException

Answer 1

I did it successfully with Parse and JSQMessages but in ObjectiveC. Please look at my version of code and see if this is of any help?

- (void)sendMessage:(NSString *)text Picture:(UIImage *)picture
{

PFObject *object = [PFObject objectWithClassName:PF_CHAT_CLASS_NAME];
object[PF_CHAT_USER] = [PFUser currentUser];
object[PF_CHAT_ROOMID] = roomId;
object[PF_CHAT_TEXT] = text;

// picture object from UIImagePickerControllerDelegate
NSData *imageData = UIImageJPEGRepresentation(picture, 1.0);
PFFile *imageFile = [PFFile fileWithName:@"chat_img.jpg" data:imageData];

[object setObject:imageFile forKey:PF_CHAT_PICTURE];

// Set the access control list to current user for security purposes
object.ACL = [PFACL ACLWithUser:[PFUser currentUser]];




[object saveInBackgroundWithBlock:^(BOOL succeeded, NSError *error)
{
    if (error == nil)
    {
        [JSQSystemSoundPlayer jsq_playMessageSentSound];
        [self loadMessages];
    }
    else
    {
        PFObject *errors=[PFObject objectWithClassName:@"ShagErrors"];
        errors[@"errorno"]=[NSString stringWithFormat:@"%ld",(long)error.code];
        errors[@"erDescription"]=error.description;
        errors[@"className"]=@"ChatView";
        errors[@"function"]=@"sendMessage";
        [errors saveInBackground];
        [ProgressHUD showError:@"Network error."];;

    }
}];

[self finishSendingMessage];

}

And here is how I am loading it back

if(object[PF_CHAT_PICTURE])
{
    UIImageView *imageView = [[UIImageView alloc] init];
    NSString *imgUrl = [object[PF_CHAT_PICTURE] valueForKey:@"url"];

    UIImage *image = [[SDImageCache sharedImageCache] imageFromDiskCacheForKey:imgUrl];
    if(image == nil)
    {
        NSURL *imageUrl = [NSURL URLWithString:imgUrl];

        [imageView setImageWithURL:imageUrl completed:^(UIImage *image, NSError *error, SDImageCacheType cacheType)
        {
            JSQPhotoMediaItem *mediaItem = [[JSQPhotoMediaItem alloc] initWithImage:image];
            JSQMessage *message = [[JSQMessage alloc] initWithSenderId:user.objectId senderDisplayName:user[PF_USER_FULLNAME] date:object.createdAt media:mediaItem];
            [messages addObject:message];
        }];
    }
    else
    {
        JSQPhotoMediaItem *mediaItem = [[JSQPhotoMediaItem alloc] initWithImage:image];
        message = [[JSQMessage alloc] initWithSenderId:user.objectId senderDisplayName:user[PF_USER_FULLNAME] date:object.createdAt media:mediaItem];
    }
}
else
{
    message = [[JSQMessage alloc] initWithSenderId:user.objectId senderDisplayName:user[PF_USER_FULLNAME] date:object.createdAt text:object[PF_CHAT_TEXT]];
}