Как изменить код для мультизагрузки изображений на сайт?

Question

[t1m]

Здравствуйте, хотелось бы изменить функцию загрузки изображений на сайт - сейчас доступна загрузка только одного изображения, а я хотел бы загружать сразу несколько изображений.
Вот форма загрузки изображений на сайт:

spoiler

<section id="modal-upload" class="modal upload hide">
		<h2 class="hide">{$lang97}</h2>
		<a class="badge-overlay-close btn-close" href="#">?</a>
		<section id="upload-file">
			<form id="form-modal-post-image" class="modal" action="{$baseurl}/submit" enctype="multipart/form-data" method="POST" onsubmit="return GAG.UploadController.validateForm();">
				<input type="hidden" id="jsid-submit-form-csrftoken" name="submit_sec" value="1"/>
				<div id="jsid-disable-mask">
					<center><p class="lead">{$lang98}</p></center>
					<div class="field photo">
						<label style="display:none;">
							<a id="jsid-upload-url-btn" class="" href="javascript:void(0);">{$lang99}</a> / 
							<a id="jsid-upload-file-btn" class="upload-selected" href="javascript:void(0);">{$lang100}</a>
						</label>
						<input id="jsid-upload-url-input" class="hide" type="url" name="url" placeholder="Ссылка на видео" value="" />
						<div id="jsid-upload-file-input" class="file-field ">
							<input class="file text" type="file" name="image" accept="image/gif,image/jpeg,image/jpg,image/png" />
						</div>
						<p id="jsid-upload-content-error" class="error-message hide"></p>
					</div>
					<div class="field title">
						<label>{$lang101} (обязательно)</label>
						<p id="jsid-char-count" class="count ">120</p>
						<textarea id="jsid-upload-title" name="title" data-maxlength="120"></textarea>
						<p id="jsid-upload-title-error" class="error-message hide"></p>
					</div>
					{if $channels eq "1"}
					{if $addon_blogs_description eq "1"}
						<div class="field title">
							<label>Описание (не обязательно)</label>
							<textarea id="jsid-upload-description" name="description" data-maxlength="12000">{$description}</textarea>
							<p id="jsid-upload-description-error" class="error-message hide"></p>
						</div>
						{/if}
					<div class="field section-picker">
						<label>{$lang9} (максимум 2)</label>
						<ul id="jsid-channels-section-list" class="section-list" data-sections-count-max="2">
							{section name=i loop=$allchannels}                  
							<li>
								<label class="">
									<input type="checkbox" name="CID[]" value="{$allchannels[i].CID}" class="badge-channels-section" />
									<span class="name">{$allchannels[i].cname}</span>
								</label>
							</li>
							{/section}
						</ul>
					</div>
					{/if}
					<div class="field">
						<label>{$lang265} (обязательно)</label>
						<input id="jsid-tags-input" type="text" class="text" name="tags" value="" placeholder="тэг1, тэг2, тэг3" />
					</div>
					<div class="field section-picker">
						<ul id="jsid-section-list" class="section-list" data-sections-count-max="5">
							<li><label class=""><input type="checkbox" name="nsfw" value="1" class="badge-upload-section"/> <span class="name">{$lang103} (+18)</span></label></li>
						</ul>
						<p id="jsid-upload-section-error" class="error-message hide"></p>
					</div>
					<div class="btn-container">
						<input id="jsid-submit-btn" type="submit" value="{$lang17}" />
					</div>
					<div id="spinner-here" class="disabled-mask"></div>
				</div>
			</form>
		</section>
	</section>

Я так понимаю что вот эти строчки отвечают за загрузку изображений:

<form id="form-modal-post-image" class="modal" action="{$baseurl}/submit" enctype="multipart/form-data" method="POST" onsubmit="return GAG.UploadController.validateForm();">
				<input type="hidden" id="jsid-submit-form-csrftoken" name="submit_sec" value="1"/>

и

<div id="jsid-upload-file-input" class="file-field ">
							<input class="file text" type="file" name="image" accept="image/gif,image/jpeg,image/jpg,image/png" />
						</div>

Я пытался изменить вот так:

<form id="form-modal-post-image" class="modal" action="{$baseurl}/submit" enctype="multipart/form-data" method="POST">
				<input type="hidden" id="jsid-submit-form-csrftoken" name="files[]" multiple="multiple"/>

и

<div id="jsid-upload-file-input" class="file-field ">
							<input class="file text" type="file" name="files[]" multiple="multiple" accept="image/gif,image/jpeg,image/jpg,image/png" />
						</div>

После этого в форме появилось еще одно окошко для выбора изображений и теперь можно выбирать несколько картинок, но после нажатия на кнопку "загрузить" посты с этими картинками не появляются на сайте(

Comments

[Сергей Герасимов]

Изменение формы не достаточно. Необходимо изменить сам обработчик этой формы. В первом случае приходит единственный файл, во втором массив файлов.

Answer 1

[profesor08]

Потому что в первом случае у тебя поле называется image, а во втором files. Наверняка скрипт на этом и тупит.