Thread Rating:

***RateU*** · 06-22-2012 05:09 AM

Whoa, multi file uploads! Great!

This is my testing result, Yumi (I use a fresh MyBB 1.8 installation):

Settings for multiple value file inputs:
- Input Field Type: File
- Allow multiple values for this field: Yes
- Multiple Value Delimiter:
  Code:
   
- Title:
  - The first multiple file input: Multi File 1
  - The second multiple file input: Multi File 2
- Key:
  - The first multiple file input: mf1
  - The second multiple file input: mf2
- Display Order:
  - The first multiple file input: 1
  - The second multiple file input: 2
- The other settings is default (I don't change anything)
Settings for single file inputs:
- Input Field Type: File
- Title:
  - The first single file input: Single File 1
  - The second single file input: Single File 2
- Key:
  - The first single file input: sf1
  - The second single file input: sf2
- Display Order:
  - The first single file input: 3
  - The second single file input: 4
- The other settings is default (I don't change anything)

Manual edit for newthread template (before the </head> tag). I need to do this manually because by default, the Clear buttons won't be displayed, and I can't drag and drop the uploaded files. So based on the Input Field HTML codes, I add the code manually (to test it out).

HTML Code

6
7

<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/scriptaculous.js?load=effects,dragdrop"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/xthreads_attach_input.js"></script>

Full newthread template:

HTML Code

<html>
<head>
<title>{$lang->newthread_in}</title>
{$headerinclude}
<script type="text/javascript" src="jscripts/post.js?ver=1400"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/scriptaculous.js?load=effects,dragdrop"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/xthreads_attach_input.js"></script>
</head>
<body>
{$header}
{$preview}
{$thread_errors}
{$attacherror}
<form action="newthread.php?fid={$fid}&amp;processed=1" method="post" enctype="multipart/form-data" name="input">
<input type="hidden" name="my_post_key" value="{$mybb->post_code}" />
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead" colspan="2"><strong>{$lang->post_new_thread}</strong></td>
</tr>
{$loginbox}
<tr>
<td class="trow2" width="20%"><strong>{$lang->thread_subject}</strong></td>
<td class="trow2">{$prefixselect}<input type="text" class="textbox" name="subject" size="40" maxlength="85" value="{$subject}" tabindex="1" /></td>
</tr>
{$extra_threadfields}{$posticons}
<tr>
<td class="trow2" valign="top"><strong>{$lang->your_message}</strong>{$smilieinserter}</td>
<td class="trow2">
<textarea name="message" id="message" rows="20" cols="70" tabindex="2">{$message}</textarea>
{$codebuttons}
{$multiquote_external}
</td>
</tr>
<tr>
<td class="trow1" valign="top"><strong>{$lang->post_options}</strong></td>
<td class="trow1"><span class="smalltext">
<label><input type="checkbox" class="checkbox" name="postoptions[signature]" value="1" tabindex="7"{$postoptionschecked['signature']} /> {$lang->options_sig}</label>
{$disablesmilies}</span></td>
</tr>
{$modoptions}
{$subscriptionmethod}
{$pollbox}
{$captcha}
</table>
{$attachbox}
<br />
<div style="text-align:center"><input type="submit" class="button" name="submit" value="{$lang->post_thread}" tabindex="4" accesskey="s" />  <input type="submit" class="button" name="previewpost" value="{$lang->preview_post}" tabindex="5" />{$savedraftbutton}</div>
<input type="hidden" name="action" value="do_newthread" />
<input type="hidden" name="posthash" value="{$posthash}" />
<input type="hidden" name="attachmentaid" value="" />
<input type="hidden" name="attachmentact" value="" />
<input type="hidden" name="quoted_ids" value="{$quoted_ids}" />
<input type="hidden" name="tid" value="{$tid}" />
{$editdraftpid}
</form>
{$forumrules}
{$footer}
</body>
</html>

This is the newthread display (I use FF to grab the screenshot):

I don't know how to display the options (File and URL) for the single file inputs, Yumi?

Testing using:

IE 6 (Win XP):
- When adding a file into one of the multi value file input, it doesn't create a new empty file input below it.
- The Clear button doesn't reset the file input.
- To test the drag and drop function, I select a file, then hit the Preview button. I do this for several times. All of files uploaded successfully.
- Unfortunately, I can't drag and drop the uploaded files.
- Checking and unchecking the Remove checkboxes works.

Firefox 10.0.2 (Win XP):

Well, testing with Firefox is great! An empty new file input will be added automatically when adding a file into the multi value file input. We can drag and drop the uploaded files, and the new files order works correctly when hitting the Preview button. And the Remove checkboxes work.

I would like to ask this behaviour, Yumi (I don't know whether this is an intentional or not):

Click the Clear button first, then browse a file. It won't create a new empty file input?
Upload several files, and hit the Preview button. The files uploaded successfully.

Then, click one or several of the Remove checkboxes:
- Additional report: at this step, if I upload a new file using that file input, then hit the Preview button, I get: Fatal error: Cannot unset string offsets in .....\inc\xthreads\xt_updatehooks.php on line 1027. Only happens if there is a checked Remove checkbox.
then hit the Preview button again. All of the chekboxes checked?

This happens in FF and IE 6.

Thank you very much, Yumi Smile

Threaded Mode \| Linear Mode Standard Tools
Forum Jump: View a Printable Version Send this Thread to a Friend Subscribe to this thread