2

いくつかの入力などを含むフォームを作成しています...そのうちの1つが画像のURLを要求し、指定されたURLまたは画像がアクティブで機能しているかどうかをブラウザーに確認させたいです。

したがってimg、url 入力の横に要素があり、この入力がぼやけている場合、srcその img の属性は JavaScript で自動的に変更され、指定された URL に設定されます。画像が正しく読み込まれたかどうか、または機能していないかどうかを判断したい。img要素なしでそれを行う機能があるかどうかはわかりませんが、助けてください。

4

3 に答える 3

2

DOM 要素でonerrorおよびonloadイベントを使用できます。画像のプロパティimgを実際に設定する前に、必ずコールバックを設定してください。src次のコードを使用して、URL が有効な画像 URL であるかどうかを確認できます。同様のコードを使用して、画像が既存の要素に読み込まれたかどうかを確認できますimg(新しい要素を作成する代わりに、その要素を選択するだけです)。

var checkImage = function (url) {

  var image = document.createElement('img');

  image.onerror = function () {
      // image has failed to load
      console.log('url is not valid');
  };

  image.onload = function () {
      // image has loaded successfully
      console.log('url is valid');
  };

  image.src = url;
};
于 2012-10-09T01:16:31.697 に答える
0

または、次のようにすることもできます。

$.ajax({
    url:'http://www.example.com/yourimage.jpg',
    type:'HEAD',
    error: function(){
            //do sth to handle error
           },
    success: function(){
            //do sth when load succeeded
           }
});

上記のコードは、404などのエラーをチェックする必要があります。

また、この回答を確認することをお勧めします。

于 2012-10-09T01:29:17.360 に答える