если я заполняю не все формы то выдаётся ошибка. как сделать чтобы загружалось столько файлов сколько я выберу
CODE (html):
скопировать код в буфер обмена
скопировать код в буфер обмена
- <input type="file" id="img1" name="images[]" multiple="true" accept="image/*" />
- <div id="select_cont">
- <a href="#" id="reset-img-preview1" style="display:none"><img class="close" src="css/x.png" /></a>
- <div id="trigger1">
- <img id="img-preview1" src="css/add.png" /></div>
- </div>
- </p>
- </li>
- <!--- ############ 2 ############## --->
- <li>
- <p>
- <input type="file" id="img2" name="images[]" multiple="true" accept="image/*" />
- <div id="select_cont">
- <a href="#" id="reset-img-preview2" style="display:none"><img class="close" src="css/x.png" /></a>
- <div id="trigger2">
- <img id="img-preview2" src="css/add.png" /></div>
- </div>
- </p>
- </li>
- <!--- ############ 3 ############### --->
- <li>
- <p>
- <input type="file" id="img3" name="images[]" multiple="true" accept="image/*" />
- <div id="select_cont">
- <a href="#" id="reset-img-preview3" style="display:none"><img class="close" src="css/x.png" /></a>
- <div id="trigger3">
- <img id="img-preview3" src="css/add.png" /></div>
- </div>
- </p>
- </li>
- <!--- ############ 4 ############### --->
- <li>
- <p>
- <input type="file" id="img4" name="images[]" multiple="true" accept="image/*" />
- <div id="select_cont">
- <a href="#" id="reset-img-preview4" style="display:none"><img class="close" src="css/x.png" /></a>
- <div id="trigger4">
- <img id="img-preview4" src="css/add.png" /></div>
- </div>
- </p>
- </li>
- <!--- ############ 5 ############### --->
- <li>
- <p>
- <input type="file" id="img5" name="images[]" multiple="true" accept="image/*" />
- <div id="select_cont">
- <a href="#" id="reset-img-preview5" style="display:none"><img class="close" src="css/x.png" /></a>
- <div id="trigger5">
- <img id="img-preview5" src="css/add.png" /></div>
- </div>
- </p>
- </li>
- <!--- ############ 6 ############### --->
- <li>
- <p>
- <input type="file" id="img6" name="images[]" multiple="true" accept="image/*" />
- <div id="select_cont">
- <a href="#" id="reset-img-preview6" style="display:none"><img class="close" src="css/x.png" /></a>
- <div id="trigger6">
- <img id="img-preview6" src="css/add.png" /></div>
- </div>
- </p>
- </li>
- </ul>
- <!--- ############################## --->
- </table>
- <script>
- document.getElementById('trigger1').onclick = function(){
- document.getElementById('img1').click();
- }
- document.getElementById('trigger2').onclick = function(){
- document.getElementById('img2').click();
- }
- document.getElementById('trigger3').onclick = function(){
- document.getElementById('img3').click();
- }
- document.getElementById('trigger4').onclick = function(){
- document.getElementById('img4').click();
- }
- document.getElementById('trigger5').onclick = function(){
- document.getElementById('img5').click();
- }
- document.getElementById('trigger6').onclick = function(){
- document.getElementById('img6').click();
- }
- </script>