PDA

View Full Version : آپدیت تصویر از سرور (در صورت تغییر) بدون رفرش کل سایت



m0sfet
پنج شنبه 25 دی 1399, 02:26 صبح
سلام وقتتون بخیر
یه سایت ساده میخوام بالا بیارم فقط یه تصویر نمایش بده و در صورتی که تصویر در سرور تغییر کرد بدون رفرش کل سایت ریلود کنه


<!DOCTYPE html>
<html>
<head>
<title>test</title>
<link rel="icon" href="favico.png" type="image/png" sizes="16x16">
</head>
<body>
<center>
<img src="img.png"></img>
</center>
<script>
window.setTimeout(function () {
window.location.reload(true);
}, 60000);
</script>
</body>
</html>

الان سه مشکل دارم
در کروم آپدیت نمیشه
کل صفحه رفرش میشه
دستی هم تایم گذاشتم برای رفرش و ترجیحم اینه بعد از تغییر تصویر در سرور رفرش کنه،امکانش هست؟

مبتدی هستم ممنون میشم ساده جواب بدین:قلب:

plague
یک شنبه 28 دی 1399, 11:28 صبح
راجب ajax تحقیق کن برای آپدیت بدون رفرش
برای رفرش از این میتونی استفاده کنی

document.location = document.location ;

راجب عکس هم باید مشخص کنی که از کجا میشه فهمید عکس تغییر کرده ؟ کد که چشم نداره عکا رو نگاه کنه و متوجه بشه تغییری انجام شده

m0sfet
یک شنبه 28 دی 1399, 16:51 عصر
راجب ajax تحقیق کن برای آپدیت بدون رفرش
برای رفرش از این میتونی استفاده کنی

document.location = document.location ;

راجب عکس هم باید مشخص کنی که از کجا میشه فهمید عکس تغییر کرده ؟ کد که چشم نداره عکا رو نگاه کنه و متوجه بشه تغییری انجام شده

ممنون
مشکلم اول دوم حل شد،الان کد به اینصورت هست


<html>
<head>
<title>test</title>
<link rel="icon" href="favico.png" type="image/png" sizes="16x16">
</head>
<body style="background-color:black;">
<center>
<img src="img.png" id="myImage" />
</center>
</body>
<script type="text/javascript">
setInterval(function() {
var myImageElement = document.getElementById('myImage');
myImageElement.src = 'img.png?rand=' + Math.random();
}, 60000);</script>
</html>

راجب به عکس هم تو این فکر بودم که زمان آپلود رو به عنوان متغییر در نظر بگیرم
اگر زمان آپلود عکس تغییر کرد عکس رو رفرش کنه و زمان جدید رو به عنوان متغیر جدید برای مقایسه در نظر بگیره و لوپ بزنه
همچین چیزی امکانش هست اصلا؟ خودم زیاد آشنایی ندارم نمیدونم دنبال چی بگردم

الان ممکنه وقتی عکس داره بعد از 60 ثانیه رفرش میشه همزمان عکس جدید رو هاست آپلود شه
و باعث بشه کاربر Broken image ببینه تا رفرش بعدی
آپلود عکس هم خودکار هست و ممکنه بعضی وقتا 60 ثانیه بعد عکس جدیدو آپلود کنه بعضی وقت ها بیشتر یا کمتر

plague
جمعه 03 بهمن 1399, 13:31 عصر
شاید بتونی طول و عرض عکس رو چک کنی ببینی تغییر کرده یا نه
ولی خب اگه عکسی دقیقا با طول و عرض قبلی آپلود بشه کار نخواهد کرد
زمان آپلود رو فکر نمیکنم بتونی بگیری