Multiple select for upload not working on mobile

Topics related to client-side programming language.
Post questions and answers about JavaScript, Ajax, or jQuery codes and scripts.
User avatar
JanMolendijk
Posts: 282
Location: Holland Rotterdam

Multiple select for upload not working on mobile

Plessant Coursesweb,
meight useless to ask but it seems this upload for picture-album is not working on my mobile-page
but on my computer I just can select more pictures.

Meight I have to do it different ???? on the
mobile page if yes hope to get an tip ????

Here is some code from my album upload
If you can see something what meight
would also work on mobile `let me known`

If their is more files needed let it also known ?

Code: Select all

<!DOCTYPE html>
<html lang="en">
	<header>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>@ Molendijk Albums Hello </title>
		
		<!-- Bootstrap -->
		<link href="css/bootstrap.min.css" rel="stylesheet">
	</header>
	<body>
				<h3>@ Molendijk Albums <small></small> </h3>
			</div>
			<div class="panel panel-default">
				<div class="panel-body">
					<form method="post" enctype="multipart/form-data" name="formUploadFile" id="uploadForm" action="upload-album.php">
						<div class="form-group">
							<label for="exampleInputFile">Select files to upload:</label>
							<input type="file" id="exampleInputFile" name="files[]" multiple="multiple">
							<p class="help-block"><span class="label label-info">Note:</span> Only images (.jpg, .jpeg, .png, .gif) </p>
		<p class="help-block"><span class="label label-info">Note:</span> Select all your Pictures in once </p>

					<Td>Album Name: <input type="text"  placeholder="enter a Album-Name"  name="album" required/></td>




<input type="hidden" cols="5" id="post_user_name" name="post_user_name" value="<?php echo $user->filter->username; ?>"  minlength="5" />

<input type="hidden" cols="5" id="post_user_id" name="post_user_id" value="<?php echo $user->filter->userid; ?>"  minlength="5" />

<?php			$post_image = rand(1000,1000000)."".$imgExt; ?>

<input type="hidden" cols="5" id="album_id" name="album_id" value="<?php echo $post_image; ?>"  minlength="5" />



 <select name="privacy"  pattern=".{3,}" class="footerlink"  class="btn btn-primary pull-right"  required title="Please select your privacy (Hide,Public,Only Friends)" value ="privacy" >

<option value="">Select Privacy</option>
<option value=""></option>
<option value="Hide" >Hide</option>
<option value="Public" >Public</option>
<option value="Only Friends">Only Friends</option>

</select>




</div>			
						<button type="submit" class="btn btn-primary" name="btnSubmit" >Start Upload</button>
						
					</form>
					<br/>
					<label for="Progressbar">Progress:</label>
					<div class="progress" id="Progressbar">
						<div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 0%" id="divProgressBar">
							<span class="sr-only">45% Complete</span>
						</div>						
					</div>
					<div id="status">
					</div>
				</div>
			</div>
		</div>
		
		<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
		<script src="js/jQuery.js"></script>
		<!-- Include all compiled plugins (below), or include individual files as needed -->
		<script src="js/bootstrap.min.js"></script>
		
		<script src="js/jQuery.Form.js"></script>
		
		<script type="text/javascript">
			$(document).ready(function(){			
				
				var divProgressBar=$("#divProgressBar");
				var status=$("#status");
				
				$("#uploadForm").ajaxForm({
					
					dataType:"json",
					
					beforeSend:function(){
						divProgressBar.css({});
						divProgressBar.width(0);
					},
					
					uploadProgress:function(event, position, total, percentComplete){
						var pVel=percentComplete+"%";
						divProgressBar.width(pVel);
					},
					
					complete:function(data){
						status.html(data.responseText);
					}
				});
			});
		</script>
	</body>
</html>
(vv) Sorry for the mash + badly English (its late :roll: )

MarPlo Posts: 186
Sorry, I don't know what the problem is.

JanMolendijk Posts: 282
Marplo I can`t select a bundle pictures to upload in my album
but this problem is only on my mobile-phone page

MarPlo Posts: 186
I understood what you want to say, but I don't have experience with issues of scripts that not works on mobile.

JanMolendijk Posts: 282
Pl yhanks Marplo for the support I gonna investigate it or build something new special for mobile

MarPlo Posts: 186
Try to search on the internet for:
html multiple select upload mobile

Similar Topics