Today we have released a new version of DotNetNuke Advanced Login Module that supports the upload of an image file as part of the user registration process. The image file or [Photo] token, takes advantage of the profile item in later releases of DNN that allow a user to attach an image of themselves during registration.
The feature is only available to DotNetNuke 5x releases, and is yet another good reason to update from DotNetNuke 4x.
To Use The Photo Token
Under the Advanced Login Module, select Templates Tab
Then “Registration Form Template” and expand the Tokens Available.
Navigate to the “Profile Field” and click to see the list of available tokens.
The new [Photo] token is available in that list.
When used in code to that looks something like this
<div class="advRegister_box"><br>
<table cellspacing="0" cellpadding="3" border="0">
<tbody>
</tbody>
<tbody>
<tr>
<td><span class="advLogin_LabelText">Username</span></td>
<td>[username|class=advLogin_text|tabindex=3]</td>
</tr>
<tr>
<td style="padding-top: 5px;"><span class="advLogin_LabelText">Email </span></td>
<td style="padding-top: 5px;">[email|class=advLogin_text|tabindex=4]</td>
</tr>
<tr>
<td style="padding-top: 5px;"><span class="advLogin_LabelText">Password </span></td>
<td style="padding-top: 5px;">[password|class=advLogin_text|tabindex=5]</td>
</tr>
<tr>
<td width="200px" style="padding-top: 5px;"><span class="advRegister_LabelText">First Name </span></td>
<td style="padding-top: 5px;">[FirstName|class=advLogin_text|tabindex=6]</td>
</tr>
<tr>
<td style="padding-top: 5px;"><span class="advRegister_LabelText">Last Name </span></td>
<td style="padding-top: 5px;">[LastName|class=advLogin_text|tabindex=7]</td>
</tr>
<tr>
<td style="padding-top: 5px;"><span class="advRegister_LabelText">Photo </span></td>
<td style="padding-top: 5px;">[Photo|class=advLogin_text|tabindex=8]</td>
</tr>
<tr>
<td align="right" style="padding-top: 10px;" colspan="2">[register_button|class=advLogin_Button|style=float: right;] [register_login_button|class=advLogin_Button|style=float: right;]</td>
</tr>
</tbody>
<tbody>
</tbody>
</table>
</div>
You will get a result that looks like this.
That will feed the photo file into the Profile Item “Photo” with DataType “Image”
