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>
)