You've got a bit confused between the old-style templates (category:template), live templates (category:_template) infoboxes and dataforms and how the different bits work together. As Ed mentioned in his post, it seems like you haven't created a dataform at all, and due to a couple of other errors what I have done is a live example of what I think you are trying to do, and I will also talk you through it here. I have not used an infobox but done it with a dataform, a live template and the listpages module.
Dataform:
Character Page:
Add and List Characters:
The pages I have created have no restrictions so you can add data and test things and see the code.
This is what I did:
1. Create a page called character:_template and add the dataform code as follows:
[[form]]
fields:
imagehint:
type:static
value: Click the button below to upload an image from your computer. The image will be re-sized automatically to fit on the page.
image:
label: Main Image
type: file
alias:
label: Character's Alias
type: text
width: 75
age:
label: Character's Age
type: text
width: 75
hair:
label: Hair Color
type: text
width: 75
eyes:
label: Eye Color
type: text
width: 75
sphere:
label: Sphere
type: text
width: 75
position:
label: Position/Job Title/Rank
type: text
width: 75
timezone:
label: Timezone
type: text
width: 75
actor:
label: Actor
type: text
width: 75
[[/form]]
Above the dataform add 4 ====, this separates the dataform from the results of it when you save a new entry.
Above the ==== add the way you would like the result of the dataform to look on your character's page. For the image I have used the image box snippet from http://snippets.wikidot.com:
[[include :snippets:image
|image=%%form_raw{image}%%
|width=250px
|float=left
|heading=%%title%%
|caption=
|link=
]]
||||~ %%title%%||
||Alias || %%form_data{alias}%%||
||Age || %%form_data{age}%%||
||Hair ||%%form_data{hair}%%||
||Eyes ||%%form_data{eyes}%%||
||Sphere ||%%form_data{sphere}%%||
||Position ||%%form_data{position}%%||
||Timezone ||%%form_data{timezone}%% ||
||Actor ||%%form_data{actor}%% ||
====
Note that for most data you use the syntax %%form_data{fieldname}%%, but for images you use %%form_raw{fieldname}%%
2. Go to your site manager and make the character category autonumbered.
3. Create a page to add and list your characters. I called my page characters:page.
4. On that page add a box to add a new character. In this case I have used the new-page snippet from http://snippets.wikidot.com.
The category must be the same as the live template (i.e not as you had done which was to have characters on a characterpage page but a template called characterbox:_template)
[[include :snippets:newpage
|size=300px
|category=character
|parent=characters:page
|text=Type the character name and press Enter
]]
5. Add a listpages module to list your characters from the character category. In this particular case I have used a complex table but of course you can list them anyway you want and include whatever data you want. Again, note that it uses syntax like %%form_data{alias}%% for all the fields except image which uses %%form_raw{image}%%
[[module ListPages category="character" separate="no" order="name"]]
[[table]]
[[row]]
[[cell style="margin-right:10px;width:75px;"]] [[image /%%form_raw{image}%% width="50px"]] [[/cell]]
[[cell style="vertical-align:top; width:80px;"]]%%title_linked%%[[/cell]]
[[cell style="vertical-align:top; width:80px;"]]%%form_data{alias}%%[[/cell]]
[[/row]]
[[/table]]
------
[[/module]]
6. In the box on characters:page add the name of the character and press Enter. The dataform will open for you to add the details, upload the image from your computer. When you are done, press Save.
I hope that has given you what you need, but do come back with any questions.