DeveloperBreeze

PHP File Upload

php
#Error Handling #File Upload #Upload Script #Move Uploaded File 
// File Upload PHP Script

$targetDir = 'uploads/';
$targetFile = $targetDir . basename($_FILES['file']['name']);

if (move_uploaded_file($_FILES['file']['tmp_name'], $targetFile)) {
    echo 'File uploaded successfully.';
} else {
    echo 'Error uploading file.';
}

Continue Reading

Handpicked posts just for you — based on your current read.

Dynamic and Responsive DataTable with Server-Side Processing and Custom Styling 

$('#exampleTable').DataTable({
    "responsive": true,
    "processing": true,
    "serverSide": true,
    "ajax": {
        "url": "{{ route('fetchUserData') }}",
        "type": "GET",
        "error": function(xhr, status, errorThrown) {
            console.error("Error during AJAX request: ", errorThrown);
        },
        "dataSrc": function(response) {
            console.info("Data received from server: ", response);
            if (response.records && response.records.length) {
                console.info("Data entries loaded:");
                response.records.forEach(function(record) {
                    console.log(record);
                });
                return response.records;
            } else {
                console.warn("No records found.");
                return [];
            }
        }
    },
    "columns": [
        { "data": "username" },
        { "data": "points" },
        { "data": "followers" },
        { "data": "referrals" }
    ],
    "language": {
        "emptyTable": "No records to display" // Custom message for empty table
    },
    "initComplete": function() {
        $('div.dataTables_length select').addClass('form-select mt-1 w-full');
        $('div.dataTables_filter input').addClass('form-input block w-full mt-1');
    },
    "drawCallback": function() {
        $('table').addClass('min-w-full bg-gray-50');
        $('thead').addClass('bg-blue-100');
        $('thead th').addClass('py-3 px-5 text-left text-xs font-semibold text-gray-700 uppercase tracking-wide');
        $('tbody tr').addClass('border-t border-gray-300');
        $('tbody td').addClass('py-3 px-5 text-sm text-gray-800');
    }
});

This JavaScript code initializes a DataTables instance on an HTML table with the ID #exampleTable. It enhances the table with various features like responsiveness, server-side processing, AJAX data fetching, and custom styling.

Oct 24, 2024 Code

Handling HTTP Requests and Raw Responses in Laravel 

use Illuminate\Support\Facades\Http;

$response = Http::post('https://api.example.com/endpoint', [
    'key1' => 'value1',
    'key2' => 'value2',
]);

$rawResponse = $response->body(); // Get the raw response as a string
dd($rawResponse);
  • $response->body(): This retrieves the raw response body as a string, which you can then process based on its format.

Oct 24, 2024 Tutorial

20 Useful Node.js tips to improve your Node.js development skills:

No preview available for this content.

Oct 24, 2024 Article

AJAX with JavaScript: A Practical Guide

With the Fetch API:

  • The fetch() method returns a Promise that resolves to the Response object representing the entire HTTP response.
  • We check if the response is successful and then parse it as JSON.
  • Any errors during the request are caught and logged.

Sep 18, 2024 Tutorial

Advanced JavaScript Tutorial for Experienced Developers 

fetch('https://api.example.com/data')
    .then(response => {
        if (!response.ok) {
            throw new Error(`HTTP error! status: ${response.status}`);
        }
        return response.json();
    })
    .then(data => console.log(data))
    .catch(error => console.error('Fetch error:', error));

By checking response.ok, you can handle different error scenarios appropriately.

Sep 02, 2024 Tutorial

Getting Started with Axios in JavaScript

Let's start by making a simple GET request to a public API using Axios.

Example:

Sep 02, 2024 Tutorial

Solidity Cheatsheet

Interfaces define a contract's functions without implementing them, allowing different contracts to interact.

interface MyInterface {
    function setData(uint _data) external;
    function getData() external view returns (uint);
}

contract MyContract is MyInterface {
    uint private data;

    function setData(uint _data) external override {
        data = _data;
    }

    function getData() external view override returns (uint) {
        return data;
    }
}

Aug 22, 2024 Cheatsheet

Creating and Managing Bash Scripts for Automation 

   chmod +x my_first_script.sh

Execute the script by typing:

Aug 19, 2024 Tutorial

React Custom Hook for API Requests

Here’s an example of how to use the useFetch hook in a React component to fetch and display data.

import React from 'react';
import useFetch from './useFetch'; // Ensure correct import path

function UserList() {
    const { data, loading, error } = useFetch('https://jsonplaceholder.typicode.com/users');

    if (loading) return <p>Loading...</p>;
    if (error) return <p>Error: {error.message}</p>;

    return (
        <ul>
            {data.map(user => (
                <li key={user.id}>{user.name}</li>
            ))}
        </ul>
    );
}

export default UserList;

Aug 12, 2024 Code

Python Logging Snippet

- FileHandler: Writes logs to a file (logs/app.log), useful for long-term storage and analysis.

- StreamHandler: Outputs logs to the console, providing immediate feedback.

Aug 08, 2024 Code

Fetching Chuck Norris Jokes from API in JavaScript

No preview available for this content.

Jan 26, 2024 Code

File Upload with Type Validation in PHP

No preview available for this content.

Jan 26, 2024 Code

JavaScript File Upload using Fetch API and FormData

No preview available for this content.

Jan 26, 2024 Code

Upload and Store File in Laravel

No preview available for this content.

Jan 26, 2024 Code

Various cURL Examples for API Interactions

No preview available for this content.

Jan 26, 2024 Code

Promise-based Execution of Python Code with jsPython

No preview available for this content.

Jan 26, 2024 Code

Execute Python Code Using Skulpt

This JavaScript snippet demonstrates how to execute Python code within a browser using Skulpt, a JavaScript implementation of Python. Here's a breakdown of what the code does:

  • Skulpt Configuration:
  • Sk.configure sets up Skulpt with custom functions for output and file reading.
  • output Function: Captures and logs output from the Python code to the browser's console.
  • read Function: Simulates file reading for Skulpt. If <stdin> is requested, it returns predefined Python code. Otherwise, it throws an error indicating the file wasn't found.
  • Defining Python Code:
  • The pythonCode variable contains the Python code to be executed. In this example, it prints two messages:

Jan 26, 2024 Code

POST Request with Fetch API and JSON Data 


const apiUrl = 'https://api.example.com/data';
const requestData = {
    name: 'John Doe',
    age: 30,
};

// Send a POST request using fetch
fetch(apiUrl, {
    method: 'POST',
    headers: {
        'Content-Type': 'application/json', // Specify JSON content type
    },
    body: JSON.stringify(requestData), // Convert data to JSON string
})
    .then(response => {
        if (!response.ok) {
            throw new Error(`HTTP error! status: ${response.status}`);
        }
        return response.json();
    })
    .then(data => {
        console.log('Success:', data); // Handle successful response
    })
    .catch(error => {
        console.error('Error:', error); // Handle errors
    });

Jan 26, 2024 Code

Bybit Futures API Integration Using ccxt Library with Error Handling

No preview available for this content.

Jan 26, 2024 Code

Discussion 0

Please sign in to join the discussion.

No comments yet. Start the discussion!