Tampilkan postingan dengan label XAMPP. Tampilkan semua postingan

upload limit Pesan "Request Entity Too Large"

Juli 31, 2024

By SNH NET

CODING, php, XAMPP

0 Comments

Pesan "Request Entity Too Large" biasanya terjadi karena ukuran file yang diunggah melebihi batas yang diizinkan oleh server. Untuk mengatasi masalah ini di server Apache dan PHP, Anda perlu mengkonfigurasi beberapa pengaturan di file konfigurasi PHP (php.ini) dan file konfigurasi Apache (httpd.conf atau .htaccess).

Berikut adalah langkah-langkah yang dapat Anda lakukan untuk menyelesaikan masalah ini:

1. Mengubah Pengaturan `php.ini`

Temukan file php.ini:
- File php.ini biasanya terletak di folder instalasi PHP. Jika Anda menggunakan XAMPP, file ini berada di folder C:\xampp\php.
Edit php.ini:
- Buka file php.ini dengan editor teks seperti Notepad.
- Cari parameter berikut dan ubah nilainya sesuai dengan kebutuhan Anda. Pastikan nilai yang Anda tetapkan cukup besar untuk file yang akan diunggah:
```
ini
upload_max_filesize = 100M
post_max_size = 100M
```
- Simpan perubahan dan tutup file php.ini.

2. Mengubah Pengaturan `httpd.conf` atau `.htaccess`

Edit httpd.conf:
- Buka file httpd.conf dengan editor teks. File ini biasanya berada di C:\xampp\apache\conf.
- Tambahkan atau edit directive berikut untuk mengizinkan ukuran unggahan yang lebih besar:
```
apache
<IfModule mod_php7.c>
    php_value upload_max_filesize 100M
    php_value post_max_size 100M
</IfModule>
```
- Simpan perubahan dan tutup file httpd.conf.
Menggunakan .htaccess (alternatif jika Anda tidak ingin mengedit httpd.conf):
- Buat atau edit file .htaccess di direktori root proyek Anda (misalnya C:\xampp\htdocs\upload-ai).
- Tambahkan baris berikut ke file .htaccess:
```
apache
php_value upload_max_filesize 100M
php_value post_max_size 100M
```

3. Restart Apache

Setelah mengubah pengaturan di php.ini dan httpd.conf atau .htaccess, Anda perlu merestart server Apache agar perubahan dapat diterapkan. Anda bisa melakukannya melalui XAMPP Control Panel dengan menghentikan dan memulai kembali modul Apache.

4. Memperbaiki Kode PHP untuk Menangani Unggahan

Pastikan kode PHP Anda menangani unggahan file dengan benar. Berikut adalah contoh sederhana upload.php yang diperbaiki:

php
<?php
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
    if (isset($_FILES['upload_file']) && $_FILES['upload_file']['error'] == 0) {
        $upload_dir = 'uploads/';
        $uploaded_file = $upload_dir . basename($_FILES['upload_file']['name']);
        
        if (move_uploaded_file($_FILES['upload_file']['tmp_name'], $uploaded_file)) {
            echo "File uploaded successfully.";
        } else {
            echo "Uploading file failed.";
        }
    } else {
        echo "No file was uploaded or there was an error uploading the file.";
    }
} else {
    echo "Invalid request method.";
}
?>

5. Uji Kembali Unggahan

Setelah melakukan semua langkah di atas, coba unggah kembali file dengan ukuran besar untuk memastikan semuanya berfungsi dengan benar.

Dengan mengikuti langkah-langkah tersebut, masalah "Request Entity Too Large" dan kesalahan undefined index pada file upload di PHP seharusnya dapat teratasi.

Juli 31, 2024

By SNH NET

CODING, php, XAMPP

0 Comments

Untuk mengubah kode agar dapat mengunggah file hingga 5 GB menggunakan jQuery AJAX dan PHP, Anda perlu memastikan beberapa hal:

Pengaturan di PHP:
- Ubah pengaturan upload_max_filesize dan post_max_size di file php.ini agar mendukung ukuran file besar.
- Pastikan max_execution_time cukup tinggi untuk menghindari timeout selama pengunggahan file besar.
Kode JavaScript dan HTML:
- Tidak perlu perubahan signifikan di JavaScript atau HTML kecuali Anda ingin menambahkan validasi ukuran file di sisi klien.

Berikut adalah langkah-langkah detailnya:

1. Ubah Pengaturan di PHP

Edit file php.ini dan tambahkan atau ubah baris berikut:

ini
upload_max_filesize = 5G
post_max_size = 5G
max_execution_time = 6000
max_input_time = 6000

Setelah mengubah php.ini, pastikan untuk me-restart server web Anda (misalnya, Apache atau Nginx) agar perubahan diterapkan.

2. Validasi Ukuran File di Sisi Klien (Opsional)

Anda dapat menambahkan validasi ukuran file di sisi klien untuk memastikan file tidak lebih besar dari 5 GB sebelum diunggah.

Kode Lengkap dengan Validasi Ukuran File

html
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Upload File dengan Progress Bar menggunakan jQuery AJAX di PHP</title>
	<link href="style.css" rel="stylesheet">
	<link href="progress-bar.css" rel="stylesheet">
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>

<body id="top">

	<header id="header">
		<div class="content">
			<h1>Demo</h1>
			<p>Upload File dengan Progress Bar<br />
			menggunakan jQuery AJAX di PHP</p>
			<ul class="actions">
				<!-- Form upload file -->
				<form id="uploadForm" enctype="multipart/form-data">
					<input type="file" name="file" id="fileInput">
					<input type="submit" name="submit" value="UPLOAD"/>
				</form>
				
				<!-- Progress bar -->
				<div class="progress">
					<div class="progress-bar"></div>
				</div>
				
				<!-- Menampilkan status upload (sukses/gagal) -->
				<div id="uploadStatus"></div>
				
			</ul>
			<small><a href="http://codingan.com/upload-file-dengan-progress-bar-menggunakan-jquery-ajax-di-php">Tutorial</a></small><br><br>
		</div>
	</header>

</body>

<script>
$(document).ready(function(){
    // upload file via AJAX
    $("#uploadForm").on('submit', function(e){
        e.preventDefault();
        var file = $('#fileInput')[0].files[0];
        var maxSize = 5 * 1024 * 1024 * 1024; // 5 GB
        
        if(file.size > maxSize){
            alert('File terlalu besar. Ukuran maksimum adalah 5 GB.');
            return false;
        }
        
        $.ajax({
            xhr: function() {
                var xhr = new window.XMLHttpRequest();
                xhr.upload.addEventListener("progress", function(evt) {
                    if (evt.lengthComputable) {
                        var percentComplete = ((evt.loaded / evt.total) * 100);
                        $(".progress-bar").width(percentComplete + '%');
                        $(".progress-bar").html(percentComplete.toFixed(2) + '%');
                    }
                }, false);
                return xhr;
            },
            type: 'POST',
            url: 'upload.php',
            data: new FormData(this),
            contentType: false,
            cache: false,
            processData: false,
            beforeSend: function(){
                $(".progress-bar").width('0%');
                $('#uploadStatus').html('<img src="loading.gif"/>');
            },
            error: function(){
                $('#uploadStatus').html('<p style="color:#EA4335;">Upload file gagal, silakan coba lagi.</p>');
            },
            success: function(resp){
                if(resp == 'ok'){
                    $('#uploadForm')[0].reset();
                    $('#uploadStatus').html('<p style="color:#28A74B;">File berhasil diupload!</p>');
                }else if(resp == 'err'){
                    $('#uploadStatus').html('<p style="color:#EA4335;">Silakan pilih file yang valid untuk diupload.</p>');
                }
            }
        });
    });
	
    // memvalidasi file
    $("#fileInput").change(function(){
        var allowedTypes = [
            'application/pdf', 'application/msword', 'application/vnd.ms-office', 
            'application/vnd.openxmlformats-officedocument.wordprocessingml.document', 
            'image/jpeg', 'image/png', 'image/jpg', 'video/mp4', 'image/gif', 
            'application/x-iso9660-image', 'application/vnd.rar'
        ];
        
        var file = this.files[0];
        var fileType = file.type;
        if(!allowedTypes.includes(fileType)){
            alert('Silakan pilih file yang valid (PDF/DOC/DOCX/JPEG/JPG/PNG/GIF/ISO/RAR).');
            $("#fileInput").val('');
            return false;
        }
    });
});
</script>

</html>

`upload.php` Contoh Sederhana

Berikut adalah contoh sederhana untuk upload.php:

php
<?php
if(isset($_FILES['file']['name'])){
    /* Nama file */
    $filename = $_FILES['file']['name'];

    /* Lokasi penyimpanan */
    $location = 'uploads/' . $filename;

    /* Ekstensi file */
    $file_extension = pathinfo($location, PATHINFO_EXTENSION);
    $file_extension = strtolower($file_extension);

    /* Ekstensi file yang diizinkan */
    $valid_ext = array("pdf","doc","docx","jpeg","jpg","png","gif","iso","rar","mp4");

    /* Memeriksa apakah file valid */
    if(in_array($file_extension,$valid_ext)){

        /* Pindahkan file ke lokasi */
        if(move_uploaded_file($_FILES['file']['tmp_name'],$location)){
            echo "ok";
        }else{
            echo "err";
        }

    }else{
        echo "err";
    }
}
?>

Dengan pengaturan ini, Anda harus bisa mengunggah file hingga 5 GB menggunakan jQuery AJAX dan PHP. Pastikan bahwa server Anda memiliki cukup ruang penyimpanan dan bandwidth untuk menangani file sebesar itu.

Juli 22, 2024

By SNH NET

CODING, LINUX, XAMPP

0 Comments

Cara Membuat VirtualHost di XAMPP versi Linux

Pada tutorial kali ini kita akan belajar bagaimana cara membuat VirtualHost pada XAMPP versi Linux. Dengan VirtualHost ini kita tidak perlu lagi mengakses project dengan mengakses http://localhost/folderproject/ tapi cukup dengan nama host mirip dengan nama domain, misalnya http://blog.dev. Biasanya juga ada yang membuat folder project web di dalam sub-sub folder jadi alamat untuk mengaksesnya lebih panjang http://localhost/project/subproject.

Tutorial ini menggunakan :
* Distro Linux Ubuntu
* XAMPP for Linux 5.6.3-0

Keterangan VirtualHost :
* Host blog.dev
* Lokasi folder /opt/lampp/htdocs/blog

Edit file hosts

1
sudo nano /etc/hosts

Tambahkan nama host sesuai dengan ServerName pada konfigurasi virtual host

1
127.0.0.1 blog.dev

Edit file konfigurasi apache httpd.conf

1
sudo nano /opt/lampp/etc/httpd.conf

Cari baris kode di bawah ini, lalu hapus tanda #

1
Include etc/extra/httpd-vhosts.conf

Edit file konfigurasi virtual host

1
sudo nano /opt/lampp/etc/extra/httpd-vhosts.conf

Tambahkan virtual host pada baris paling bawah
Nama host blog.dev
Lokasi folder root berada di /opt/lampp/htdocs/dev

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<VirtualHost *:80>
    ServerAdmin admin@localhost
    DocumentRoot "/opt/lampp/htdocs"
    ServerName localhost
    ErrorLog "logs/localhost-error_log"
    CustomLog "logs/localhost-access_log" common
</VirtualHost>
 
<VirtualHost *:80>
    ServerAdmin admin@blog.dev
    DocumentRoot "/opt/lampp/htdocs/blog"
    ServerName blog.dev
    ErrorLog "logs/blog.dev-error_log"
    CustomLog "logs/blog.dev-access_log" common
</VirtualHost>

Restart xampp server

1
sudo /opt/lampp/lampp restart

Sekarang coba akses nama host blog.dev

selamat mencoba 🙂

source : https://musaamin.web.id/cara-membuat-virtualhost-di-xampp-versi-linux/

upload limit Pesan "Request Entity Too Large"

1. Mengubah Pengaturan `php.ini`

2. Mengubah Pengaturan `httpd.conf` atau `.htaccess`

3. Restart Apache

4. Memperbaiki Kode PHP untuk Menangani Unggahan

5. Uji Kembali Unggahan

upload ukuran 5gb xampp

1. Ubah Pengaturan di PHP

2. Validasi Ukuran File di Sisi Klien (Opsional)

Kode Lengkap dengan Validasi Ukuran File

`upload.php` Contoh Sederhana