Source Code:
[Invalid file]WordPress plugin – Show your source code directly from GitHub in your blog/website
Show a file, preferably source code file content in a WordPress blog post or page. This plugin shows always the latest code from GitHub.
Visit my GitHub repository to download the plugin for free – https://github.com/ninethsense/wp-ShowGithubFile
Source Code: (Live Example directly from GitHub 🙂
[Invalid file]PHP PortPing script – check host connectivity
Here is a script in PHP I wrote to check if a remote host and port are open for you to connect. Do not mistake this as an equivalent to ping command because ping uses ICMP and I used TCP using PHP’s famous fsockopen() function, and a small piece of AJAX.
You can get the latest source code from my GitHub code share page – https://github.com/ninethsense/code-share/
PHP:
function ping($host, $port) {
$startTime = time();
if ($fs = fsockopen($host, $port, $errCode, $errStr, 1)) {
$timeTaken = (time()-$startTime)/1000;
echo "Reply from $host:$port time={$timeTaken}ms";
fclose($fs);
} else {
echo "Request timed out.";
}
echo "<br>";
}
JavaScript:
var count = 0;
var intervalID = setInterval(function PortPing() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("console").innerHTML += this.responseText;
}
};
xhttp.open("GET", "PortPing.php?source=self&host=<?=$host?>&port=<?=$port?>", true);
xhttp.send();
if (++count > <?=$t-1?>) {
clearInterval(intervalID);
}
},2);
Ajax file uploader using jQuery
Here is a sample code to upload multiple files using ajax, and without using the traditional <form> tags. Find the full source code in GitHub – https://github.com/ninethsense/code-share/tree/master/jQuery-File-Upload .
<body>
<input type="button" value="Choose file" id="fup" />
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script>
$(function() {
// Show file upload dialog on click of button
$("#fup").click(function(){
//Create File component
var fu = document.createElement("input");
fu.type = "file";
fu.id="fuc";
$(fu).attr("multiple","");
// Trigger file selection event
$(fu).change(function(){
var fd = new FormData();
$.each($(fu)[0].files, function(i, file){
fd.append('file[]', file);
});
// Send fd to server
$.ajax({
url:"FileUpload.php",
type: 'POST',
data:fd,
cache: false,
contentType: false,
processData: false,
success: function(d) {
console.log(d);
}
});
});
// To invoke the file selection dialog box
$(fu).click();
});
});
</script>
</body>
Sample server code in PHP for the reference:
foreach ($_FILES['file']['tmp_name'] as $k => $v) {
move_uploaded_file(
$_FILES['file']['tmp_name'][$k],
$_FILES['file']['name'][$k]
);
}