답변 5개
채택된 답변
+20 포인트
2년 전
</p>
<p><script>
function img_src_alternatives(img) {
if (img.onerror == null) {
img.onerror = function () {
let src_candidates = this.dataset.srcCandidates.split(',');
src_candidates = src_candidates.map((src) => src.trim());
src_candidates = src_candidates.filter((src) => src.length > 0);
if (src_candidates.length == 0) {
this.onerror = null;
return;
}</p>
<p> </p>
<p> this.src = src_candidates.shift();
this.dataset.srcCandidates = src_candidates.toString();
}
}
}</p>
<p> </p>
<p>document.addEventListener('DOMContentLoaded', function () {
document.querySelectorAll('img[data-src-candidates]').forEach((img, idx, arr) => {
img_src_alternatives(img);
});
});
</script></p>
<p> </p>
<p><img src="A" data-src-candidates="B,C,D,E,F">
</p>
<p>
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
2년 전
</p>
<p><img id="img_1" src="A">
<script>
img_1.onerror = () => {
img_1.id = "img_2";
img_2.src = "B";
img_2.onerror = () => {
img_2.src = "C";
}
}
</script></p>
<p>
그런데 온에러 이벤트는 F12 에서 빨간색이 들어와서
php 에서 file_exists() 등으로 파일존재유무를 파악하는 것이 좋습니다.
자바스크립트에서 이미지파일이 존재하는지 확인하려면 아작스로 이미지url 자체를 땡겨서 404 오류메시지를 뿜어내면 그 이미지가 없는 것으로 판단하는 꼼수도 있긴 합니다.
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
댓글을 작성하려면 로그인이 필요합니다.
2년 전
</p>
<p><?php
$img = '<a href="https://example.com/a.jpg';" target="_blank" rel="noopener noreferrer">https://example.com/a.jpg';</a></p>
<p>// cURL 사용
$ch = curl_init($img);
curl_setopt($ch, CURLOPT_NOBODY, true);
curl_exec($ch);
$httpCode = curl_getinfo($ch, CURLINFO_HTTP_CODE);
curl_close($ch);</p>
<p>if ($httpCode == 200) {
echo "이미지가 존재합니다.";
} else {
echo "이미지가 존재하지 않습니다. HTTP 상태 코드: " . $httpCode;
}
?>
이런식으로 $img1 $img2 $img3 를 미리 변수에 담아놓고 처리할수도 있어요.
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인