Web Prepration

Web Concept Tutorials

Wordpress

PHP download file from url using curl example

by Leave a Comment

In this article, I am going to explain “How to download file from url using curl in php”. Whenever you require to download file or image from URL using php CURL then you can refer this example. We can download image or file from URL and save in any specific location where want to store like local server. You can do that using get_file_contents() in php too, but i think it is good if you are doing that using PHP curl. But before use cURL you need to know what is cURL and how to use in php

What is cURL

CURL- Client URL Library
CURL connects different types of servers and communicates with different types of protocols like http, https and ftp.

In order to use CURL, you need to install the libcurl package.



You can check whether it is installed or not using the phpinfo function. For this you can create a test php page like test.php

The following code will be included in that page and run on your server:

1
2
3
4
5
 
<?php
phpinfo();
?>
 

If CURL is installed, you will see the following:

If CURL package is enabled, then no need to install and you can directly use CURL function. Otherwise you need to install it or you can contact your hosting provider to install CURL package.

curl_init() function is used to start the CURL session. After initializing the CURL session, you have to define the CURL options via curl_setopt() function.
After defining the options, curl_exec() function is executed and it returns the response (TRUE on success or FALSE on failure).
curl_close($ch) function is used to close the CURL session.

Example:-

1
2
3
4
5
6
7
8
9
10
 
<?php
$chinit = curl_init("www.mysite.com/curl.php?option=test");
curl_setopt($chinit, CURLOPT_HEADER, 0);
curl_setopt($chinit, CURLOPT_POST, 1);
url_setopt($chinit, CURLOPT_RETURNTRANSFER, 1);
$result = curl_exec($chinit); curl_close($chinit);
echo $result;
?>
 

Now, you can refer the given example for download file from URL using cURL in php example is given below:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
$url = 'https://i1.wp.com/webprepration.com/wp-content/uploads/2017/11/wp.png';
$withName ='wp.png';
    if ($fp_remote = fopen($url, 'rb')) {
        $local_file = "uploads/" . $withName;  
        if ($fp_local = fopen($local_file, 'wb')) {
            while ($buffer = fread($fp_remote, 8192)) {    
      
                fwrite($fp_local, $buffer);
            }    
          
            fclose($fp_local);          
        }
        else
        {
            fclose($fp_remote);
            return false;    
        }        
      
        fclose($fp_remote);        
        return true;
    }
    else
    {  
        return false;
    }
 

 

I hope you might have understood it properly, keep reading our other blogs posts for more coding tricks.

Thanks!!

Add dropbox file picker/chooser in website

by Leave a Comment

In this article, I am going to explain “How to Add dropbox file picker/chooser in website”.  The Chooser is the fastest way to get files from Dropbox into your web app. It’s a small JavaScript component that enables your app to get files from Dropbox without having to worry about the complexities of implementing a file browser, authentication, or managing uploads and storage.
However, most users now store their files in the cloud (Microsoft OneDrive, Google Drive, Dropbox, etc.). So, it can be a great idea to allow users to select files directly from their cloud provider.

Let’s see how to add the Dropbox File Picker to a website!



Step 1:- The first step in adding the Chooser to your app is to create an app. Using the Chooser doesn’t require production approval, so you can publish your integration to your users as soon as you’re ready.

When you create a Chooser app for the web, you’ll need to provide the domain names where your app is hosted. This lets us stop other websites from trying to impersonate your app. If you’re developing locally, you can use localhost as the domain name as well.

Step 2:-  Now, need to embed the given code

1
2
3
 
<script type="text/javascript" src="https://www.dropbox.com/static/api/2/dropins.js" id="dropboxjs" data-app-key="INSERT YOUR APPLICATION KEY"></script>
 

Step 3:-  Triggering the Chooser from JavaScript

There are two ways to trigger the Chooser on your website. To create the nice styled button or you can use the following JavaScript:

1
2
3
4
 
var button = Dropbox.createChooseButton(options);
document.getElementById("container").appendChild(button);
 

If you prefer to design a custom button instead, you can trigger the Chooser directly from JavaScript using the following method:

1
2
3
 
Dropbox.choose(options);
 

Note that the Chooser opens in a pop-up window, so you should only call this function from within a user-triggered event handler such as a tap or click event. Otherwise, the pop-up will likely be blocked by the browser.

Both methods take a single options parameter with the following fields:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
 
options = {
 
    // Required. Called when a user selects an item in the Chooser.
    success: function(files) {
        alert("Here's the file link: " + files[0].link)
    },
 
    // Optional. Called when the user closes the dialog without selecting a file
    // and does not include any parameters.
    cancel: function() {
 
    },
 
    // Optional. "preview" (default) is a preview link to the document for sharing,
    // "direct" is an expiring link to download the contents of the file. For more
    // information about link types, see Link types below.
    linkType: "preview", // or "direct"
 
    // Optional. A value of false (default) limits selection to a single file, while
    // true enables multiple file selection.
    multiselect: false, // or true
 
    // Optional. This is a list of file extensions. If specified, the user will
    // only be able to select files with these extensions. You may also specify
    // file types, such as "video" or "images" in the list. For more information,
    // see File types below. By default, all extensions are allowed.
    extensions: ['.pdf', '.doc', '.docx'],
 
    // Optional. A value of false (default) limits selection to files,
    // while true allows the user to select both folders and files.
    // You cannot specify `linkType: "direct"` when using `folderselect: true`.
    folderselect: false, // or true
};
 

Step 4:- DropBox demo full code given below.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
 
<!DOCTYPE html>
<html lang="en">
<head>
  <title>Dropbox Chooser Demo</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  <script type="text/javascript" src="https://www.dropbox.com/static/api/2/dropins.js" id="dropboxjs" data-app-key="INSERT YOUR APPLICATION KEY"></script>
</head>
<body>
<div class="container">  
  <div class="row">
  <div class="small-12 columns">
    <h1>Dropbox Chooser Demo</h1>
    <div id="dropbox-container"></div>
    <hr>
    <ul id="img_list" class="small-block-grid-1 medium-block-grid-2 large-block-grid-3">
    </ul>
  </div>
</div>
</div>
<script>
  options = {
    success: function(files) {
      files.forEach(function(file) {
        add_img_to_list(file);
      });
    },
    cancel: function() {
      //optional
    },
    linkType: "preview", // "preview" or "direct"
    multiselect: true, // true or false
    extensions: ['.png', '.jpg'],
};
 
var button = Dropbox.createChooseButton(options);
document.getElementById("dropbox-container").appendChild(button);
 
function add_img_to_list(file) {
  var li  = document.createElement('li');
  var a   = document.createElement('a');
  a.href = file.link;
  var img = new Image();
  var src = file.thumbnailLink;
  src = src.replace("bounding_box=75", "bounding_box=256");
  src = src.replace("mode=fit", "mode=crop");
  img.src = src;
  img.className = "th"
  document.getElementById("img_list").appendChild(li).appendChild(a).appendChild(img);
}
</script>
</body>
</html>
 

 

View Demo
 

I hope you might have understood it properly, keep reading our other blogs posts for more coding tricks.

Thanks!!

How to create contact form in WordPress

by 3 Comments

In this post, I am going to explain “How to create contact form in WordPress” step by step with any code you can create contact form/Inquiry Form in your website.

There are lots of plugins available for creating contact form in wordpress site without touching code part. So first thing need to choose best form plugin because there are several free and paid plugins.  We always use Contact Form 7 , It is a most user friendly and customizable plugin. Its free and best plugin because time to time update and support all WordPress version.

This plugin has multiple email options like simple and html mail and working with ajax. You can create mandatory and non-mandatory fields according to requirements.

Now go ahead and install it on your site:-

You can install this plugin on your site by login in wp-admin dashboard and going to plugins>add new

In search field type Contact Form 7 and click on install now button and then click on activate button, After click on this button plugin activated successfully and new menu created in admin dashboard contact.

Click on contact menu this will open default created contact form where you can see the shortcode of default form. If you want to create new contact form then click on add new button and type any form name and create form fields which you want to create in new form as well as mange validation message. Also you can mange mail and click on save button.

When you click on save button then automatically generate shortcode of that form. Now you can use form shortcode on any page or post as well as on any widghet/sidebar of your site.

Form Preview:-

This plugin provide all types of input fields and captcha you can create any types of form using this plugin without any code.

We hope this post is helpful for creating contact form in wordpress, If you want to other things related to wordpress then you can follow my blog wordpress category and also you can follow on social sites etc.

Thanks!!!