【问题标题】:JavaScript to Auto-updating image?JavaScript 到自动更新图像?
【发布时间】:2013-11-08 01:04:31
【问题描述】:

所以我找到了一个脚本,可以让我抓取当天的呆伯特漫画。它在 JavaScript 中:

<script>
    var now = new Date();
    var day = now.getDate();
    var month = now.getMonth() + 1;
    var year = now.getFullYear()%100;
    var dayofweek = (now.getDay() == 0) ? 's' : 'd';
    if (day < 10) day = '0' + day;
    if (month < 10) month = '0' + month;
    document.write('<img src="http://thedilbertstore.com/images/periodic_content/dilbert/dt' + year + '' + month + '' + day + dayofweek + 'hct.jpg">');
</script>

我几乎没有接触过这门语言,但我精通 ActionScript 3.0,我可以大致了解发生了什么。看来最终结果是将图像添加到页面中的 &lt;img&gt; 标记中。

就个人而言,我希望能够让这个文件本身“成为”图像文件。也就是说,我想使用论坛[img]标签链接到这个文件并获得今天的呆伯特漫画。正如我所说,我对 JavaScript 不是很了解,我不确定如何做到这一点,或者是否有可能。

谁能给我一些建议,让我知道如何去做这样的事情?最好我希望能够将它上传到 Dropbox,在那里我可以直接链接到它,因为我目前没有自己的网站。

【问题讨论】:

  • 你不能用 JavaScript 做到这一点 - 使用服务器端语言和适当的 MIME 类型(例如image/png

标签: javascript html image url forum


【解决方案1】:

就像门把手说的那样没有办法...但是通过每天访问该网站一次,您可以检查功能内部是否存在图像。

如果不将图像发布到您的 Dropbox。

现在...问题...您需要用户名和密码才能将内容发布到您的 Dropbox 帐户。

  1. 您不能在 javascript 中存储密码,因为每个人都可以阅读。

  2. 执行代码(更新图片)需要访问页面。

  3. 您需要某种服务器来存储此 html/javascript。


无论如何,如果您可以在某处托管此代码,那么这里是一个可以更新图像的工作函数。

function update(){
 var now=new Date(),
 day=now.getDate(),
 month=now.getMonth()+1,
 year=now.getFullYear()%100,
 dayofweek=now.getDay()==0?'s':'d',
 url='http://thedilbertstore.com/images/periodic_content/dilbert/dt',
 img=document.getElementsByTagName('img')[0];
 day=day<10?'0'+day:day;
 month=month<10?'0'+month:month;
 img.src=url+year+month+day+dayofweek+'hct.jpg';
}
window.onload=update;

您可以搜索一个免费的 php 托管网站,该网站也有定期执行的 cron 作业。

这是如何工作的:

找到一个有 cron 作业的 php 主机..

创建一个类似于这个 javascript 更新函数的 php 脚本。

在函数内部检查此图像(同名)是否存在于您的 Dropbox 中。

然后您需要创建一个凭据脚本来登录到保管箱,然后您可以发送图像 如果它不存在。

现在在主机的管理面板中,您需要将 php 脚本链接到定期 cron 作业。

它应该可以工作。

【讨论】:

  • 嗯,好的。可惜我需要一个 PHP 主机。但是,是否有一个 PHP 脚本可以让我直接链接到 PHP 文件以获取图像,而不是让它上传到 Dropbox?有点像它把我“重定向”到图像,如果你愿意的话。这样我就可以在论坛上使用[img]www.mysite.com/dilbertscript.php[/img]
  • 嗯,好的。你已经回答了我的问题,所以除非到时候出现更好的答案,否则我明天会接受你的。
猜你喜欢
  • 2012-01-17
  • 2013-03-31
  • 2012-01-01
  • 2021-05-07
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多