هل المشكلة من قاعدة البيانات

Tmmama
2024-06-30T10:55:19+00:00
2024-06-30T11:03:30+00:00

السلام عليكم لدي كود

upload.HTML

<!DOCTYPE html>
<html lang="ar">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>رفع الصور والفيديوهات</title>
    <style>
        body { font-family: Arial, sans-serif; text-align: center; }
        #progress-bar { width: 100%; background-color: #f3f3f3; }
        #progress-bar div { height: 30px; width: 0; background-color: #4caf50; text-align: center; line-height: 30px; color: white; }
        #result { margin-top: 20px; }
    </style>
</head>
<body>
    <h2>رفع الصور والفيديوهات</h2>
    <form id="upload-form" enctype="multipart/form-data">
        <input type="file" name="file" id="file" accept="image/*,video/*" required>
        <br><br>
        <button type="submit">رفع</button>
    </form>
    <div id="progress-bar">
        <div></div>
    </div>
    <div id="result"></div>

    <script>
        document.getElementById('upload-form').addEventListener('submit', function(event) {
            event.preventDefault();
            var fileInput = document.getElementById('file');
            var file = fileInput.files[0];
            var formData = new FormData();
            formData.append('file', file);

            var xhr = new XMLHttpRequest();
            xhr.open('POST', 'upload.php', true);

            xhr.upload.onprogress = function(e) {
                if (e.lengthComputable) {
                    var percentComplete = (e.loaded / e.total) * 100;
                    document.querySelector('#progress-bar div').style.width = percentComplete + '%';
                    document.querySelector('#progress-bar div').textContent = Math.round(percentComplete) + '%';
                }
            };

            xhr.onload = function() {
                if (xhr.status == 200) {
                    var response = JSON.parse(xhr.responseText);
                    var resultDiv = document.getElementById('result');
                    if (response.success) {
                        resultDiv.innerHTML = `<p>تم رفع الملف بنجاح: <a href="${response.url}" target="_blank">${response.url}</a></p>`;
                        resultDiv.innerHTML += `<button onclick="copyToClipboard('${response.url}')">نسخ الرابط</button>`;
                    } else {
                        resultDiv.textContent = 'حدث خطأ أثناء رفع الملف.';
                    }
                } else {
                    alert('حدث خطأ أثناء محاولة رفع الملف.');
                }
            };

            xhr.send(formData);
        });

        function copyToClipboard(text) {
            var dummy = document.createElement('input');
            document.body.appendChild(dummy);
            dummy.value = text;
            dummy.select();
            document.execCommand('copy');
            document.body.removeChild(dummy);
            alert('تم نسخ الرابط إلى الحافظة.');
        }
    </script>
</body>
</html>

و كود upload.php للتعامل مع رفع الصور و الفيديوهات الى قاعدة البيانات

<?php
$servername = "";
$username = "";
$password = "";
$dbname = "";


// إنشاء الاتصال
$conn = new mysqli($servername, $username, $password, $dbname);


// التحقق من الاتصال
if ($conn->connect_error) {
    die("فشل الاتصال: " . $conn->connect_error);
}


function generateUniqueCode($length = 6) {
    return substr(str_shuffle('0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ'), 0, $length);
}


$response = array();


if ($_FILES['file']['error'] === UPLOAD_ERR_OK) {
    $file = $_FILES['file'];
    $filename = $file['name'];
    $fileTmpPath = $file['tmp_name'];
    $fileType = $file['type'];
    $fileContent = file_get_contents($fileTmpPath);
    $fileContent = mysqli_real_escape_string($conn, $fileContent);


    $fileExt = pathinfo($filename, PATHINFO_EXTENSION);


    $uniqueCode = generateUniqueCode();
    while (true) {
        $codeCheckSql = "SELECT id FROM uploads WHERE unique_code = '$uniqueCode'";
        $result = $conn->query($codeCheckSql);
        if ($result->num_rows == 0) {
            break;
        }
        $uniqueCode = generateUniqueCode();
    }


    $sql = "INSERT INTO uploads (file_name, file_type, file_content, unique_code, file_ext) VALUES ('$filename', '$fileType', '$fileContent', '$uniqueCode', '$fileExt')";
    if ($conn->query($sql) === TRUE) {
        $response['success'] = true;
        $response['url'] = 'https://ajwa4alearab.freewebhostmost.com/' . $uniqueCode . '.' . $fileExt;
    } else {
        $response['success'] = false;
        $response['error'] = "خطأ في قاعدة البيانات: " . $conn->error;
    }
} else {
    $response['success'] = false;
    $response['error'] = "لم يتم رفع الملف بنجاح.";
}


$conn->close();


header('Content-Type: application/json');
echo json_encode($response);
?>

و كود view.php لعرض الصور و الفيدوهات

<?php
$servername = "";
$username = "";
$password = "";
$dbname = "";

// إنشاء الاتصال
$conn = new mysqli($servername, $username, $password, $dbname);

// التحقق من الاتصال
if ($conn->connect_error) {
    die("فشل الاتصال: " . $conn->connect_error);
}

if (isset($_GET['code']) && isset($_GET['ext'])) {
    $code = $conn->real_escape_string($_GET['code']);
    $ext = $conn->real_escape_string($_GET['ext']);
    $sql = "SELECT file_name, file_type, file_content FROM uploads WHERE unique_code = '$code' AND file_ext = '$ext'";
    $result = $conn->query($sql);

    if ($result->num_rows > 0) {
        $row = $result->fetch_assoc();
        header("Content-Type: " . $row['file_type']);
        header("Content-Disposition: inline; filename=\"" . $row['file_name'] . "\"");
        echo $row['file_content'];
    } else {
        echo "الملف غير موجود.";
    }
} else {
    echo "لم يتم تحديد الملف.";
}

$conn->close();
?>

يتم انشاء رابط فريد لكل صورة مثل رابط هذه الصورة

https://ajwa4alearab.freewe...

لكن المشكلة ان الصورة تحتاج لاعادة تحميل بشكل مستمر عند وضعها في المقالات او فتحها بشكل مباشر من الرابط اي انها لا يتم تخزينها مؤقتا اي عند كل فتح للصورة يجب اعادة تحميلها لكي تظهر هذه صورة توضيحية

و لكن عند اعادة الدخول يتم اعادة تحميلها من جديد مثل

استخدم التالي في ملف htaccess لاعادة توجيه رابط الصورة لصفحة view.php

RewriteEngine On
RewriteRule ^([a-zA-Z0-9]{6})\.(jpg|jpeg|png|gif|bmp)$ responsible/view.php?code=$1&ext=$2 [L]

و وضعت التالي ايضا في ملف htaccess لمنع اعادة تحميل الصورة عند كل طلب لكن لا فائدة

<IfModule mod_expires.c>
    ExpiresActive On
    ExpiresByType image/jpg "access plus 1 month"
    ExpiresByType image/jpeg "access plus 1 month"
    ExpiresByType image/gif "access plus 1 month"
    ExpiresByType image/png "access plus 1 month"
    ExpiresByType text/css "access plus 1 month"
    ExpiresByType application/pdf "access plus 1 month"
    ExpiresByType text/x-javascript "access plus 1 month"
    ExpiresByType application/x-shockwave-flash "access plus 1 month"
    ExpiresByType image/x-icon "access plus 1 month"
    ExpiresDefault "access plus 2 days"
</IfModule>

اعلم اني اطلت كثيرا هذه المرة لكن للضرورة احكام لمن يعرف حل لهذه المشكلة يخبرنا بالحل و شكرا

يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق

حساب جديد دخول

<IfModule mod_expires.c>
    ExpiresActive On


    ExpiresByType image/jpg "access plus 1 month"
    ExpiresByType image/jpeg "access plus 1 month"
    ExpiresByType image/gif "access plus 1 month"
    ExpiresByType image/png "access plus 1 month"
    ExpiresByType image/webp "access plus 1 month"
    ExpiresByType image/svg+xml "access plus 1 month"


    ExpiresByType text/css "access plus 1 month"
    ExpiresByType application/pdf "access plus 1 month"
    ExpiresByType text/javascript "access plus 1 month"
    ExpiresByType application/x-shockwave-flash "access plus 1 month"
    ExpiresByType image/x-icon "access plus 1 month"
    ExpiresDefault "access plus 2 days"
</IfModule>


<IfModule mod_headers.c>
    <FilesMatch "\.(jpg|jpeg|png|gif|bmp|webp|svg)$">
        Header set Cache-Control "max-age=2592000, public"
    </FilesMatch>
</IfModule>

وبالطبع يجب أن تكون الوحدة mod_expires و mod_headers مفعلة على الخادم.

إن لم يعمل ضع رؤوس التخزين المؤقت في ملف view.php وإليك مثال:

<?php
$servername = "";
$username = "";
$password = "";
$dbname = "";


// إنشاء الاتصال
$conn = new mysqli($servername, $username, $password, $dbname);


// التحقق من الاتصال
if ($conn->connect_error) {
    die("فشل الاتصال: " . $conn->connect_error);
}


if (isset($_GET['code']) && isset($_GET['ext'])) {
    $code = $conn->real_escape_string($_GET['code']);
    $ext = $conn->real_escape_string($_GET['ext']);
    $sql = "SELECT file_name, file_type, file_content FROM uploads WHERE unique_code = '$code' AND file_ext = '$ext'";
    $result = $conn->query($sql);


    if ($result->num_rows > 0) {
        $row = $result->fetch_assoc();
        header("Content-Type: " . $row['file_type']);
        header("Content-Disposition: inline; filename=\"" . $row['file_name'] . "\"");


        // إضافات التخزين المؤقت
        header("Cache-Control: max-age=2592000, public");
        header("Expires: " . gmdate("D, d M Y H:i:s", time() + 2592000) . " GMT");


        echo $row['file_content'];
    } else {
        echo "الملف غير موجود.";
    }
} else {
    echo "لم يتم تحديد الملف.";
}


$conn->close();
?>

وإن لم يتم حل المشكلة، قم بإنشاء ملف PHP بسيط للتأكد من أن إعدادات التخزين المؤقت تعمل كما هو متوق وضع به التالي:

<?php
header("Content-Type: image/jpeg");
header("Cache-Control: max-age=2592000, public");
header("Expires: " . gmdate("D, d M Y H:i:s", time() + 2592000) . " GMT");


// ضع هنا مسار صورة تجريبية
readfile('path/to/your/image.jpg');
?>

قم بفتح ذلك الملف في المتصفح وتحقق من أنه يتم تخزين الصورة مؤقتًا.

Tmmama

2024-06-30T13:11:43+00:00
2024-06-30T13:12:29+00:00
أضف ردا
- رابط مختصر

لقد وجدت المشكلة هي في هذا الاعداد في ملف htaccess

<FilesMatch "\.(html|css|js|php)$">
    Header set Cache-Control "no-cache, no-store, must-revalidate"
    Header set Pragma "no-cache"
    Header set Expires "0"
</FilesMatch>
لكن كيف امنعه من تطبيق اعدادات الكود السابق على مجلد 
responsible 

لاكن  الكود يمنع التخزين المؤقت للصور لكن  عندما ازالت الكود السابق من ملف 
htaccess
حلة مشكلة الصورة لكني بحاجة لتطبيق الكود السابق على كل ملفات موقعي و لا يتم تطبيقه على المجلد التالي 
responsible
ما هو الحل

Mustafa_Suleiman

2024-06-30T14:02:00+00:00
2025-12-05T12:27:52+00:00
أضف ردا
- رابط مختصر

إذن نقوم بوضع شروط في ملف .htaccess لتطبيق إعدادات التخزين المؤقت على جميع الملفات في موقعك باستثناء الملفات الموجودة في المجلد responsible، تتوفر كتلة Directory أو Location لتحديد المجلد الذي تريد استثنائه من القواعد.

أولاً، قم بتطبيق قواعد التخزين المؤقت على جميع الملفات:

<FilesMatch "\.(html|css|js|php)$">
    Header set Cache-Control "no-cache, no-store, must-revalidate"
    Header set Pragma "no-cache"
    Header set Expires "0"
</FilesMatch>

ثم أضف كتلة Directory أو Location لاستثناء مجلد responsible من تلك القواعد:

<Directory "/path/to/your/responsible">
    <FilesMatch "\.(html|css|js|php)$">
        Header unset Cache-Control
        Header unset Pragma
        Header unset Expires
    </FilesMatch>
</Directory>

أو من خلال Location كلاهما صحيح:

<Location "/responsible">
    <FilesMatch "\.(html|css|js|php)$">
        Header unset Cache-Control
        Header unset Pragma
        Header unset Expires
    </FilesMatch>
</Location>

ليصبح الملف بالشكل:

<FilesMatch "\.(html|css|js|php)$">
    Header set Cache-Control "no-cache, no-store, must-revalidate"
    Header set Pragma "no-cache"
    Header set Expires "0"
</FilesMatch>


<Directory ~ "responsible">
    <FilesMatch "\.(html|css|js|php)$">
        Header unset Cache-Control
        Header unset Pragma
        Header unset Expires
    </FilesMatch>
</Directory>


<IfModule mod_expires.c>
    ExpiresActive On


    ExpiresByType image/jpg "access plus 1 month"
    ExpiresByType image/jpeg "access plus 1 month"
    ExpiresByType image/gif "access plus 1 month"
    ExpiresByType image/png "access plus 1 month"
    ExpiresByType image/webp "access plus 1 month"
    ExpiresByType image/svg+xml "access plus 1 month"


    ExpiresByType text/css "access plus 1 month"
    ExpiresByType application/pdf "access plus 1 month"
    ExpiresByType text/javascript "access plus 1 month"
    ExpiresByType application/x-shockwave-flash "access plus 1 month"
    ExpiresByType image/x-icon "access plus 1 month"
    ExpiresDefault "access plus 2 days"
</IfModule>


<IfModule mod_headers.c>
    <FilesMatch "\.(jpg|jpeg|png|gif|bmp|webp|svg)$">
        Header set Cache-Control "max-age=2592000, public"
    </FilesMatch>
</IfModule>

Tmmama

2024-06-30T17:59:25+00:00
أضف ردا
- رابط مختصر

شكرا نجحت

Adnane_Kadri

2024-07-01T21:42:30+00:00
2024-07-01T21:42:41+00:00
أضف ردا
- رابط مختصر

جرب إعداد التخزين المؤقت للسجلات العائدة من الإستعلام وأعطها وقت انتهاء صلاحية،

في شيفرة عرض الصور والفيديوهات، قم بإضافة التالي:

// إعدادات التخزين المؤقت 
header("Cache-Control: public, max-age=2592000"); // 30 يوم
header("Expires: " . gmdate("D, d M Y H:i:s", time() + 2592000) . " GMT");

Tmmama

2024-07-01T21:44:34+00:00
أضف ردا
- رابط مختصر

شكرا لك المشكلة حلت منذ الأمس

moatef

2024-06-30T11:17:41+00:00
أضف ردا
- رابط مختصر

وعليكم السلام ورحمة الله وبركاته .

الخطأ لديك في ملف htaccess .

RewriteEngine On
RewriteRule ^([a-zA-Z0-9]{6})\.(jpg|jpeg|png|gif|bmp)$ responsible/view.php?code=$1&ext=$2 [L]

لاحظ أن هذا الكود يقوم بإعادة توجيه الرابط إلى صفحة صفحة view.php فهو فعليا المتصفح في كل مرة يتم زيارة الرابط يقوم ال server بإعادة التوجيه إلى هذا الملف .

وأعتقد أنك في الملف تقوم بإيقاف ال cache حيث نظرت إلى الرد الذى يأتي من الخادم وقد تم إيقاف ال chach .

لذلك قم بوضع تلك الأسطر في الملف لديك :

header('Cache-control: max-age='.(60*60*24*365));
header('Expires: '.gmdate(DATE_RFC1123,time()+60*60*24*365));

وإذا كانت الأكواد التالية موجودة لديك في الملف أو في أى مكان فيجب حذفها حيث هذه هي التي تؤدى إلى إغاء ال cache.

header("Cache-Control: no-store, no-cache, must-revalidate, max-age=0");
header("Pragma: no-cache");

Tmmama

2024-06-30T11:56:53+00:00
أضف ردا
- رابط مختصر

شكرا لك كان لدي احساس ان المشكلة من ذلك لان ملف htaccess

لانه يتضمن ذلك لكي احضار احدث نسخة من صفحات موقعي دائما اجريت بعض التعديلات للحفاظ على احضار احدث نسخة من الصفحات في الجذر فقط و الصفحات المجلدات الاخرى لا يتم تطبيقه عليه و حلت المشكلة

Tmmama

2024-06-30T13:12:55+00:00
أضف ردا
- رابط مختصر

لقد وجدت المشكلة هي في هذا الاعداد في ملف htaccess

<FilesMatch "\.(html|css|js|php)$">
    Header set Cache-Control "no-cache, no-store, must-revalidate"
    Header set Pragma "no-cache"
    Header set Expires "0"
</FilesMatch>
لكن كيف امنعه من تطبيق اعدادات الكود السابق على مجلد 
responsible 

لاكن  الكود يمنع التخزين المؤقت للصور لكن  عندما ازالت الكود السابق من ملف 
htaccess
حلة مشكلة الصورة لكني بحاجة لتطبيق الكود السابق على كل ملفات موقعي و لا يتم تطبيقه على المجلد التالي 
responsible
ما هو الحل

تطوير الويب

مجتمع لمناقشة وتبادل الخبرات حول تطوير الويب. ناقش أحدث التقنيات، اللغات، والأدوات في عالم تطوير المواقع والتطبيقات. شارك مشاريعك، اسأل عن نصائح، وتعاون مع مطورين محترفين وهواة.

102 ألف متابع

أطلق موقعك الإلكتروني في دقائق

صمم موقعك كاملا بالسحب والإفلات بدون خبرة برمجية، واحجز مكانك على الإنترنت.

أنشئ موقعك الآن

هل المشكلة من قاعدة البيانات

التعليقات

تطوير الويب

أطلق موقعك الإلكتروني في دقائق

اقرأ أيضًا