When you working with the image dimensions, it’s always recommended to get the real width and height of the image. The naturalWidth and naturalHeight property provide an easy way to retrieve the original dimensions of the image using JavaScript. You can easily get the original size (width and height) of the image using JavaScript.

naturalWidth
Assume that you have an image which is originally 250px wide and you make it 550px wide by CSS style or HTML “width” property. The naturalWidth will return the original width 250 although the display width is 550.

naturalHeight
Assume that you have an image which is originally 100px high and you make it 250px high by CSS style or HTML “height” property. The naturalHeight will return the original height 100 although the display height is 250.
<pre>&lt;img src="tcmhack.png" id="image" width="500px" /&gt;</pre>
<pre>// HTML DOM image
var image = document.getElementById('image');

// image original width
var originalWidth = image.naturalWidth;

// image original height
var originalHeight = image.naturalHeight;</pre>
Get Real Image Dimensions by Button Click
The following code snippet shows how you can get the original size (width and height) of the image using JavaScript.
<pre>&lt;img src="tcmhack.png" id="image" width="500px" /&gt;

&lt;button onclick="getOriginalSize()"&gt;Get Dimensions&lt;/button&gt;
</pre>
<pre>function getOriginalSize(){ 
 var image = document.getElementById('image');
 
 var originalWidth = image.naturalWidth; 
 var originalHeight = image.naturalHeight;
 
 alert("Original width=" + originalWidth + ", " + "Original height=" + originalHeight);
}</pre>

When you working with the image dimensions, it’s always recommended to get the real width and height of the image. The naturalWidth and naturalHe...

How to Get Image Original Dimensions (Width & Height) using JavaScript - TCMHACK

How to Get Image Original Dimensions (Width & Height) using JavaScript

When the user provides their account password, it always recommended validating the input. Password strength validation is very useful to check whether the password is strong. Strong password makes the user’s account secure and helps to prevent account hack.

Using Regex (Regular Expression), you can easily validate the password strength in PHP. In the example code, we will show you how to check password strength and validate a strong password in PHP using Regex.

The following code snippet, validate the password using&nbsp;preg_match() function in PHP&nbsp;with Regular Expression, to check whether it is strong and difficult to guess.
<ul class="bullet_disk_list">
 	<li>Password must be at least 8 characters in length.</li>
 	<li>Password must include at least one upper case letter.</li>
 	<li>Password must include at least one number.</li>
 	<li>Password must include at least one special character.</li>
</ul>
<pre>//&nbsp;Given&nbsp;password
$password&nbsp;=&nbsp;'user-input-pass';

//&nbsp;Validate&nbsp;password&nbsp;strength
$uppercase&nbsp;=&nbsp;preg_match('@[A-Z]@',&nbsp;$password);
$lowercase&nbsp;=&nbsp;preg_match('@[a-z]@',&nbsp;$password);
$number&nbsp;&nbsp;&nbsp;&nbsp;=&nbsp;preg_match('@[0-9]@',&nbsp;$password);
$specialChars&nbsp;=&nbsp;preg_match('@[^\w]@',&nbsp;$password);

if(!$uppercase&nbsp;||&nbsp;!$lowercase&nbsp;||&nbsp;!$number&nbsp;||&nbsp;!$specialChars&nbsp;||&nbsp;strlen($password)&nbsp;&lt;&nbsp;8)&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;echo&nbsp;'Password&nbsp;should&nbsp;be&nbsp;at&nbsp;least&nbsp;8&nbsp;characters&nbsp;in&nbsp;length&nbsp;and&nbsp;should&nbsp;include&nbsp;at&nbsp;least&nbsp;one&nbsp;upper&nbsp;case&nbsp;letter,&nbsp;one&nbsp;number,&nbsp;and&nbsp;one&nbsp;special&nbsp;character.';
}else{
&nbsp;&nbsp;&nbsp;&nbsp;echo&nbsp;'Strong&nbsp;password.';
}</pre>

When the user provides their account password, it always recommended validating the input. Password strength validation is very useful to check w...

How to Validate Password Strength in PHP - TCMHACK

How to Validate Password Strength in PHP

Stripping query parameter is very useful when you want to create a URL dynamically based on some conditions. The preg_replace() function is the easiest way to remove a specific parameter and its value from URL query string using PHP. PHP preg_replace() function searches string for matches to pattern and replace with the replacement. Use preg_replace() with REGEX to remove parameter from query string using PHP.

In the following code snippet shows how you can remove specific query string variable from URL in PHP.
<pre>$key&nbsp;=&nbsp;'page';
$url = 'http://ec2-13-127-91-65.ap-south-1.compute.amazonaws.com/?type=product&amp;page=5';

//&nbsp;Remove&nbsp;specific&nbsp;parameter&nbsp;from&nbsp;query&nbsp;string
$filteredURL&nbsp;=&nbsp;preg_replace('~(\?|&amp;)'.$key.'=[^&amp;]*~',&nbsp;'$1',&nbsp;$url);</pre>
The following example code shows how you can remove a specific parameter from the query string of the current URL using PHP.
<pre>$protocol&nbsp;=&nbsp;((!empty($_SERVER['HTTPS'])&nbsp;&amp;&amp;&nbsp;$_SERVER['HTTPS']&nbsp;!=&nbsp;'off')&nbsp;||&nbsp;$_SERVER['SERVER_PORT']&nbsp;==&nbsp;443)&nbsp;?&nbsp;"https://"&nbsp;:&nbsp;"http://";
$currentURL&nbsp;=&nbsp;$protocol&nbsp;.&nbsp;$_SERVER['HTTP_HOST']&nbsp;.&nbsp;$_SERVER['REQUEST_URI'];

$key&nbsp;=&nbsp;'page';

//&nbsp;Remove&nbsp;specific&nbsp;parameter&nbsp;from&nbsp;query&nbsp;string
$filteredURL&nbsp;=&nbsp;preg_replace('~(\?|&amp;)'.$key.'=[^&amp;]*~',&nbsp;'$1',&nbsp;$currentURL);</pre>

Stripping query parameter is very useful when you want to create a URL dynamically based on some conditions. The preg_replace() function is the e...

How to Remove a Specific Parameter from URL Query String using PHP - TCMHACK

How to Remove a Specific Parameter from URL Query String using PHP

The file_exists() function in PHP, is used to check if a file or directory exists on the server. But the file_exists() function will not usable if you want to check the file existence on the remote server. The fopen() function is the easiest solution to check if a file URL exists on a remote server using PHP.

The following code snippet show you how to&nbsp;check if remote file exists&nbsp;using fopen() function in PHP.
<pre>//&nbsp;Remote&nbsp;file&nbsp;url
$remoteFile&nbsp;=&nbsp;'https://www.example.com/files/project.zip';

//&nbsp;Open&nbsp;file
$handle&nbsp;=&nbsp;@fopen($remoteFile,&nbsp;'r');

//&nbsp;Check&nbsp;if&nbsp;file&nbsp;exists
if(!$handle){
&nbsp;&nbsp;&nbsp;&nbsp;echo&nbsp;'File&nbsp;not&nbsp;found';
}else{
&nbsp;&nbsp;&nbsp;&nbsp;echo&nbsp;'File&nbsp;exists';
}</pre>
You can also use cURL to check if a URL exists on the remote server. The following code snippet show you how to&nbsp;check if remote file URL exists&nbsp;using cURL in PHP.
<pre>//&nbsp;Remote&nbsp;file&nbsp;url
$remoteFile&nbsp;=&nbsp;'https://www.example.com/files/project.zip';

//&nbsp;Initialize&nbsp;cURL
$ch&nbsp;=&nbsp;curl_init($remoteFile);
curl_setopt($ch,&nbsp;CURLOPT_NOBODY,&nbsp;true);
curl_exec($ch);
$responseCode&nbsp;=&nbsp;curl_getinfo($ch,&nbsp;CURLINFO_HTTP_CODE);
curl_close($ch);

//&nbsp;Check&nbsp;the&nbsp;response&nbsp;code
if($responseCode&nbsp;==&nbsp;200){
&nbsp;&nbsp;&nbsp;&nbsp;echo&nbsp;'File&nbsp;exists';
}else{
&nbsp;&nbsp;&nbsp;&nbsp;echo&nbsp;'File&nbsp;not&nbsp;found';
}</pre>

The file_exists() function in PHP, is used to check if a file or directory exists on the server. But the file_exists() function will not usable i...

How to Check if Remote File Exists using PHP - TCMHACK

How to Check if Remote File Exists using PHP

The&nbsp;window.onload&nbsp;event is very useful when you want to call a JavaScript function on page load without using jQuery. Generally,&nbsp;$( document ).ready()&nbsp;is used to execute the JavaScript code after Document Object Model (DOM) is ready. You can use the&nbsp;window.onload&nbsp;to load a function after page load using JavaScript. In the example code snippet, we will show you how to call function and execute code on page load using JavaScript.

The following code calls a JavaScript function named&nbsp;<code>showDelay()</code>&nbsp;on page load using window.onload event.
<pre>function showDelay(){
 //code goes here
}

// call function on page load
window.onload = showDelay;</pre>
The following code calls a JavaScript function with parameter on page load using window.onload event.
<pre>function showDelay(type){
 //code goes here
}

// call function with parameter
window.onload = function () {
 showDelay(2);
};</pre>

The&nbsp;window.onload&nbsp;event is very useful when you want to call a JavaScript function on page load without using jQuery. Generally,&nbsp;$...

How to Call a JavaScript Function on Page Load without using jQuery - TCMHACK

How to Call a JavaScript Function on Page Load without using jQuery

Saving image from URL is very useful when you want to copy an image dynamically from the remote server and store in the local server.
The file_get_contents() and file_put_contents() provides an easiest way to save remote image to local server using PHP. The image file can be saved straight to directory from the URL. In the example code snippet, we will provide two ways to save image from URL&nbsp;using PHP.
<h3>Save Image from URL using PHP</h3>
The following code snippet helps you to copy an image file from remote URL and save in a folder using PHP.
<ul class="bullet_disk_list">
<li>file_get_contents()&nbsp;&ndash; This function is used to read the image file from URL and return the content as a string.</li>
<li>file_put_contents() &ndash; This function is used to write remote image data to a file.</li>
</ul>
<div>
<pre>// Remote image URL $url = 'http://www.example.com/remote-image.png'; // Image path $img = 'images/tcmhack.png'; // Save image file_put_contents($img, file_get_contents($url));</pre>
</div>
<h3>Save Image from URL using cURL</h3>
You can use cURL to save an image from URL using PHP. The following code snippet helps you to copy an image file from URL using cURL in PHP
<div>
<pre>// Remote image URL $url = 'http://www.example.com/remote-image.png'; // Image path $img = 'images/tcmhack.png'; // Save image $ch = curl_init($url); $fp = fopen($img, 'wb'); curl_setopt($ch, CURLOPT_FILE, $fp); curl_setopt($ch, CURLOPT_HEADER, 0); curl_exec($ch); curl_close($ch); fclose($fp);</pre>
</div>
That's it, Your file must be saved to that desired location.
If you're still facing difficulities in saving the files, feel free to post a comment. We will try our best to solve the issue.

Saving image from URL is very useful when you want to copy an image dynamically from the remote server and store in the local server...

How to Save Image from URL using PHP - TCMHACK

How to Save Image from URL using PHP

Are you want to prevent visitors from copying your web page content? In this short&nbsp;<a href="https://jquery.com/" target="_blank" rel="noopener">jQuery</a>&nbsp;article, we&rsquo;ll show you how to stop content theft from your website using jQuery. For stopping the content copy of your website you can do two things, one is to disable the mouse right click and second is to disable the cut (CTRL+X), copy (CTRL+C) and paste (CTRL+V). Using of jQuery, you can easily disable&nbsp;mouse right click&nbsp;and disable&nbsp;cut,&nbsp;copy&nbsp;and&nbsp;paste&nbsp;from web content. At first include the jQuery library.
<pre>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;</pre>
<h2>Disable Mouse Right Click</h2>
Disable mouse right click will prevent visitors from choosing the cut, copy and paste options. If you want to disable right mouse click for a particular section of a web page, then you can use a selector (<code>#id</code>,&nbsp;<code>.class</code>, etc.) otherwise use&nbsp;<code>body</code> selector for the full page. The following JavaScript code is used to disable mouse right click.
<pre>&lt;script type="text/javascript"&gt; &nbsp; $(document).ready(function () { &nbsp; &nbsp; //Disable full page &nbsp; &nbsp; $("body").on("contextmenu", function (e) { &nbsp; &nbsp; &nbsp; return false; &nbsp; &nbsp; }); &nbsp; &nbsp; //Disable part of page &nbsp; &nbsp; $("#id").on("contextmenu", function (e) { &nbsp; &nbsp; &nbsp; return false; &nbsp; &nbsp; }); &nbsp; }); &lt;/script&gt;</pre>
<h2>Disable Cut Copy &amp; Paste</h2>
The following JavaScript code will disable cut, copy and paste from your web page or a part of your web page.
<pre>&lt;script type="text/javascript"&gt; &nbsp; $(document).ready(function () { &nbsp; &nbsp; //Disable full page &nbsp; &nbsp; $("body").bind("cut copy paste", function (e) { &nbsp; &nbsp; &nbsp; e.preventDefault(); &nbsp; &nbsp; }); &nbsp; &nbsp; //Disable part of page &nbsp; &nbsp; $("#id").bind("cut copy paste", function (e) { &nbsp; &nbsp; &nbsp; e.preventDefault(); &nbsp; &nbsp; }); &nbsp; }); &lt;/script&gt;</pre>
<h2>Disable Mouse Right Click, Cut, Copy &amp; Paste</h2>
Full JavaScript code for disabling mouse right click and disable cut (CTRL+X), copy (CTRL+C) and paste (CTRL+V) from the web page.
<pre>&lt;script type="text/javascript"&gt; &nbsp; $(document).ready(function () { &nbsp; &nbsp; //Disable cut copy paste &nbsp; &nbsp; $("body").bind("cut copy paste", function (e) { &nbsp; &nbsp; &nbsp; e.preventDefault(); &nbsp; &nbsp; }); &nbsp; &nbsp; //Disable mouse right click &nbsp; &nbsp; $("body").on("contextmenu", function (e) { &nbsp; &nbsp; &nbsp; return false; &nbsp; &nbsp; }); &nbsp; }); &lt;/script&gt;</pre>

Are you want to prevent visitors from copying your web page content? In this short jQuery article, we’ll show you how to stop content t...