画像のURLを自動表示するためのJavascriptについて - img拡張子なしの画像URLを表示する方法は？

Question

私は専門用語が外国語であるため、この回答を検索することすらできません。私は研究する必要がある出発点に満足しています。私は定義が何であるか分からず、暗号化されたURLと呼ばれるでしょうか？

https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcTvMvl7LRHxafRFWLUS39Ku5FaSGEEbTuwiwkTZtxfEghLjScT1HsorllX2

そのリンクは、画像以外の何ものでもありません。

このURLを見ると、番号以外の拡張子はjpgまたはpngとは言いません。

これらのリンクをスクリプトで表示することはできますか？

現在、私はphpbbベースのフォーラムを実行しています。私たちのメンバーの多くは、メディアを埋め込むためにbbcodeボタンを使用するのではなく、アプリケーションのダウンロード方法をほとんど知らない中年の男性です。私は、自動スクリプトの仕事をしています。毎回それを説明しなくてはなりません）。

大部分の人にとっては大したことではないかもしれませんが、私にとってはそれについてのガイダンスがほとんどなかったので私にとっては大変な仕事でした。ユーレカの瞬間は本当にピークに達するのに十分でした他に何がjavascriptでできるかを学ぶことに興味を持っています。

私の経験は基本的なhtmlとcssに限られていますが、私はゆっくりと自分の足を濡らしています。とにかく、私はoembedでメディアを埋め込んだり、phpbbでimg-linkとして識別されるリンクのための自分のスクリプトを作成しています（拡張子を使ってそれらを解析すると仮定し、私のコードはそれを避ける）。

$(document).ready(function() { 
    $('a.postlink.img-link').each(function() { 
    var href = $(this).attr('href'); 
    $(this).html($('<img>').attr('src', href)).colorbox({photo: true, maxWidth: "800px", maxHeight: "800px"}); 
     }); 
}) 

私が既に持っているもののほかに、画像URLを識別する.postlinkの機能を追加する方法はありますか？

私はこのコードをオンラインで見つけました（これは信用できませんが、これはまだ複雑なものを考案できませんでした）。このコードは、img拡張子で終わらない画像でも機能します。 img srcを表示するコードにレコード（url、result）を実装する最良の方法は何でしょうか？

function testImage(url, callback, timeout) { 
    timeout = timeout || 5000; 
    var timedOut = false, timer; 
    var img = new Image(); 
    img.onerror = img.onabort = function() { 
     if (!timedOut) { 
      clearTimeout(timer); 
      callback(url, "error"); 
     } 
    }; 
    img.onload = function() { 
     if (!timedOut) { 
      clearTimeout(timer); 
      callback(url, "success"); 
     } 
    }; 
    img.src = url; 
    timer = setTimeout(function() { 
     timedOut = true; 
     callback(url, "timeout"); 
    }, timeout); 
} 


function record(url, result) { 
    document.body.innerHTML += "<span class='" + result + "'>" + 
     result + ": " + url + "</span><br>"; 
} 

おかげで、ニック・

Answer 1

ブラウザは実際に画像のURLを一緒に入れているか気にしません。しかし、あなたのレスポンスが正しい "Content-Type"ヘッダ（この場合は "image/png"）を持っているかどうかは気になります。どのようにPHPでそれを行うかわからないが、それはそれほど難しくないと思います。また、 "Content-Length"をイメージのバイトサイズで設定する必要があります。