Tag : Multiple
Today i would like to share with you drag and drop image upload using dropzone.js in codeigniter application.
We always require to make multiple file or image uploading function in our web application or project. We use input with multiple with image upload but it's not looks great and user does not like pretty much, so we should make it better. Image uploads is very basic feature for all project or website, But if you are working on PHP or any PHP framework like laravel, codeigniter, yii etc then you can simply use dropzoneJS library.
dropzone.js is an open source js library that you can s.....
Today, we learn how to implement google map with multiple marker using gmaps.js library in Laravel 5. We can also simply use google map API for maps, But gmaps.js is very popular and they provides very simple way to generate google map.
gmaps.js through we can make multiple markers, make routes, Geocoding, Map events etc. In this example i use multiple markers example.
If you are beginner then also you can do it simply following post, i did this example from scratch.
So, After finish all tutorial you will find layout as bellow:
<strong>Preview:</strong>
<img src="/upload/laravel-5-gmaps.png.....
Today, i going to give you example of multiple select dropdown with checkbox that way user can select multiple check boxes using bootstrap-multiselect.js plugin of bootstrap jquery. Bootstrap have a lots of plugin like for datepicker, colorpicker, select with search etc. you can integrate easily with your bootstrap project, even if you are working on code PHP, laravel framework, codeigniter framework, symfony framework or etc other framework of PHP.
bootstrap-multiselect.js provide us also multiple select with search and radio button etc. In this example i did give select drop down box of it .....
Sometimes we require to add validation of max file size using jquery, If we have only single file for validation then we can do it easily that, but if we have multiple file then you have to calculate size of all selected files and then check max required file size.
So, in this example you can see how to check validation for max size in multiple file select using jquery.
<strong>Example:</strong>
<pre class="prettyprint lang-html">
<html lang="en">
<head>
<title>Jquery - multiple image upload with size validation</title>
<script src="http://ajax.googleapis.co.....
If we work on big project and then we maybe require to add multiple rows on database using laravel eloquent. Laravel provide insert method for bulk records create on db.
In bellow example you can see i use multidimensional $myItems array variable and that insert multiple records same time using DB::insert(). So let's see and try this.
<strong>Example:</strong>
<pre class="prettyprint lang-php">
$myItems = [
['title'=>'HD Topi','description'=>'It solution stuff'],
['title'=>'HD Topi 2','description'=>'It solution stuff 2'],
['title'=>'HD Topi 3','descriptio.....
Sometimes we may require to add group by with multiple columns, if we have mysql query then we can do it easily by using sql query. But if you want to give multiple columns in groupBy() of Laravel Query Builder then you can give by comma separated values as bellow example.
<strong>Example:</strong>
<pre class="prettyprint lang-php">
$data = DB::table("items_count")
->select(
'items_count.*'
,DB::raw("SUM(items_count.quantity) as total_quantity"))
->groupBy('items_count.id_item','items_count.id_cat')
->get();
print_r($data);
</pre>
If you need to give to download multiple files response from out application. If you require to give download only on file then you can do it easily like this way:
<pre class="prettyprint lang-php">
return response()->download(public_path('myimage.jpg'));
</pre>
But if you need to give multiple images files or docs etc then you can't do it this way:
<pre class="prettyprint lang-php">
return response()->download([public_path('myimage.jpg'),public_path('myimage2.jpg')]);
</pre>
But you must have to create single zip file or something. So first you need to use zipper package, i added zipp.....
you can set multiple database connections in same laravel application. Laravel provide configration file for setup multiple database connections. you can see config/database.php file and see mysql multiple database connections. you can add setting another mysql database detail like this way:
<strong>config/database.php</strong>
<pre class="prettyprint lang-php">
return [
<br/>
'fetch' => PDO::FETCH_CLASS,
<br/>
'default' => env('DB_CONNECTION', 'mysql'),
<br/>
'connections' => [
'sqlite' => [
'driver' => 'sqlite',
'database' => database_path('data.....
In this post we have to learn hoe to add a multiple location marker in google map.
add following code for add multiple location marker.
<img width="100%" style="border:2px solid cadetblue" src="/upload/Google map.png">
<strong>Add Google map canvas HTML code</strong>
<pre class="prettyprint lang-html">
<div id="map_wrapper">
<div id="map_canvas" class="mapping"></div>
</div>
</pre>
<strong>Add Google map canvas CSS code</strong>
<pre class="prettyprint lang-css">
#map_wrapper {
height: 400px;
}
#map_canvas {
width: 100%;
height: 100%;
}
</pre>
<st.....
How to integrate jQuery Fullcalendar using Bootstrap, PHP and MySQL ?
Open Post
Bootstrap form validation example with demo using validator.js plugin
Open Post
Automatically Refresh or Reload a Page using jQuery Example
Open Post
How to send mail using zoho smtp server in PHP Laravel?
Open Post
How to check current password using hash check in Laravel 5.3?
Open Post
Laravel 5.2 - User ACL Roles and Permissions with Middleware using entrust from Scratch Tutorial
Open Post
