XMPPFramework - Upload Profile or Avatar Image

Question

I am working on the chat app in which I have used the xmpp framework. I am able to send or receive the messages through xmpp. But when I tried to upload the user profile or avatar image with the following code, didn't get success.

NSData *data = [NSData dataWithContentsOfURL:[NSURL URLWithString:stringPath]];
UIImage *tmpImage = [[UIImage alloc] initWithData:data];
UIImageView *thumbimage;
thumbimage.image = tmpImage;

NSData *imageData1 = UIImageJPEGRepresentation(thumbimage.image,0.5);
NSXMLElement *vCardXML = [NSXMLElement elementWithName:@"vCard" xmlns:@"vcard-temp"];
NSXMLElement *photoXML = [NSXMLElement elementWithName:@"PHOTO"];
NSXMLElement *typeXML = [NSXMLElement elementWithName:@"TYPE" stringValue:@"image/jpeg"];
NSXMLElement *binvalXML = [NSXMLElement elementWithName:@"BINVAL" stringValue:[[NSString alloc] initWithData:imageData1 encoding:NSUTF8StringEncoding]];

[photoXML addChild:typeXML];
[photoXML addChild:binvalXML];
[vCardXML addChild:photoXML];

XMPPvCardTemp *myvCardTemp = [[[self appDelegate] xmppvCardTempModule] myvCardTemp];

if (myvCardTemp) {
    [myvCardTemp setPhoto:imageData1];
    [[[self appDelegate] xmppvCardTempModule] updateMyvCardTemp:myvCardTemp];
}

Please help me to implement the upload image concept to XMPP or correct me If I am doing something wrong in the code.

Thanks in advance.

hey have you ever implemented file transfer functionality? if yes then can you please help to solve some issue regarding file transfer. — ashish chaklasiya, Jul 23 '14 at 07:42

score 6 · Answer 1 · edited May 23 '17 at 10:31

6

Try converting your image to a Base64 string value for BINVAL instead of using UTF-8 encoding.

See: Convert Image to Base64 string in iOS

XML Syntax

According to the documentation, it is a requirement to use Base64:

The <PHOTO/> element SHOULD contain a <BINVAL/> child whose XML character data is Base64-encoded data for the avatar image.

Image Restriction

The image data MUST conform to the base64Binary datatype [7] and thus be encoded in accordance with Section 6.8 of RFC 2045 [8], which recommends that base64 data should have lines limited to at most 76 characters in length. However, any whitespace characters (e.g., '\r' and '\n') MUST be ignored.

See also: XEP-0153: vCard-Based Avatars XML Syntax

edited May 23 '17 at 10:31

Community

1
1

answered Jul 16 '14 at 16:18

Keith OYS

2,285
5
32
38

I will try to do the same as you wrote – Sudha Tiwari Jul 17 '14 at 11:36
Hi @KeithOYS I am using following IQ to update vCard. . When I use whitespace character in stanza for nick name it's producing error. What should I do to avoid this situation? – Jayeshkumar Sojitra Apr 09 '15 at 07:36

score 6 · Answer 2 · answered Oct 20 '14 at 15:28

Hello I succeeded to have my avatar uploaded using your code but with some changes:

UIImage *tmpImage = [UIImage imageNamed: @"myimage.jpg"];

NSData *imageData1 = UIImageJPEGRepresentation(tmpImage,0.0);

NSXMLElement *vCardXML = [NSXMLElement elementWithName:@"vCard" xmlns:@"vcard-temp"];
NSXMLElement *photoXML = [NSXMLElement elementWithName:@"PHOTO"];
NSXMLElement *typeXML = [NSXMLElement elementWithName:@"TYPE" stringValue:@"image/jpg"];

NSString *image64 = [self encodeToBase64String:tmpImage];

NSXMLElement *binvalXML = [NSXMLElement elementWithName:@"BINVAL" stringValue:image64];

[photoXML addChild:typeXML];
[photoXML addChild:binvalXML];
[vCardXML addChild:photoXML];


XMPPvCardTemp *myvCardTemp = [[[self appDelegate] xmppvCardTempModule] myvCardTemp];

if (myvCardTemp) {
    [myvCardTemp setPhoto:imageData1];
    [[[self appDelegate] xmppvCardTempModule] updateMyvCardTemp:myvCardTemp];
}

This class converts to base64 as Keith suggested

- (NSString *)encodeToBase64String:(UIImage *)image {
    return [UIImagePNGRepresentation(image) base64EncodedStringWithOptions:NSDataBase64Encoding64CharacterLineLength];
}

futhermore, I modified XMPPvCardTemp.h to expose this method:

- (void)setPhoto:(NSData *)data;

Anyway, the XEP-0054 extension header

#import "XMPPvCardTemp.h"

is requested.

Maybe this can be helpful for someone.

Thanks, but by converting your code into swift and trying to upload image its getting error from server side as below , - can you pls help me with this ? — Akash Thakkar, Jan 21 '21 at 12:56
Hello Aksar, I'm sorry, but unfortunately I no longer follow this project. I cannot help you. — RikiRiocma, Jan 22 '21 at 15:45

score 0 · Answer 3 · answered Oct 15 '14 at 16:48

Hi I used a different way but it works very good. I made an interface where the user can select an image from gallery, I used ImagePicker to do this, then change the name of the image from the user JID, then u must upload the image to server... I used FTP but u can use a different way like HTTPS or something like that... At this point you have the image in server with the user's JID... now add SDWebImage to your project

 NSString *photourl=@"http://your image host/";
    //adding 2 strings for example http://your image host/guy1@myserver.com
    NSString *fullUrl = [photourl stringByAppendingString:fjid];
    UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 54, 54)];
    [imageView setImageWithURL:[NSURL URLWithString:fullUrl]


    placeholderImage:[UIImage imageNamed:@"use an image while the image is loaded"]];
    [self.view addSubview:imageView];
    imageView.layer.cornerRadius = 25.0;
    imageView.layer.masksToBounds = YES;
    imageView.frame = CGRectMake(152, 2, 54, 54); //set the proper frame here
    [self.titleButton addSubview:imageView];

hope this help you

XMPPFramework - Upload Profile or Avatar Image

3 Answers3

Linked