Q&A
突然すみません。
勉強のために下記のサイトのソースコードを分析していて分からないことがあるので質問させていただきます。
https://snipboard.io/
上記のサイトで画像をアップロードして発行されるURLは"~jpg"と画像URLのはずなのですが、アクセスするとその画像のあるページに移動します。
htaccessで拡張子を隠して画像ファイルに見せかけたhtmlページだとしても、下記のJSを利用したコードでページをプレビューすると画像として認識されます（htmlページならプレビューに失敗する）
どういう動作でそうなっているのか見当がつかないので、分かる人がいましたら教えていただけないでしょうか？
PHP+JS
1<!DOCTYPE html> 2<html> 3<head> 4<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1" /> 5<meta charset="UTF-8"> 6<title>JavaScriptで画像のプレビュー</title> 7</head> 8<body> 9 10<?php $picture = "対象ページと画像のURL";?> 11 12<p> 13Preview:<br> 14<a href = <?php echo $picture ;?> ><img id="preview" src= "<?php echo $picture ?>" style="max-width:300px;"></a> 15</p> 16<script> 17function previewImage(obj) 18{ 19 var fileReader = new FileReader(); 20 fileReader.onload = (function() { 21 document.getElementById('preview').src = fileReader.result; 22 }); 23 fileReader.readAsDataURL(obj.files[0]); 24} 25</script> 26</body> 27</html>
回答1件
0
ベストアンサー
imgタグからのリクエストは
Accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
ですが、
直接ページにアクセスする場合は
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8
となります(firefoxの場合)
なのでAcceptの違いで画像を返すのかhtmlを返すのか判断しているのかなと思います。
投稿2021/07/17 15:42
編集2021/07/17 15:43
総合スコア872
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2021/07/18 06:29