imgのsrcを相対パスで取得したい

Question

###前提・実現したいこと
html javascript phpでチェックされた画像を削除する機能を作っています。
チェックされた画像のソース(src)を取得してajaxで送りphpadminのデータベース上から画像を削除してunlink()で削除したいのですが
<input id="Checkbox" type="checkbox" value="photo1"/><label for="Checkbox1"><img alt="" id="photo1" src="./img/201705050001.jpg"></label><br />
とsrcは相対パスで書かれているので
document.forms[formのid][画像のid].srcでソースを取得しようとしたんですが
絶対パスが取得されました
phpadminのテーブルには相対パスで登録されていて
相対パスが同じ行のphoto_idをDBManagerで取得してそのphoto_idで削除といった感じですので
絶対パスではunlink()では実際の画像は削除できるでしょうけどデータベース上の画像を削除できません

Answer 1

srcを参照すると絶対パスになるのは昔からの仕様ですね
getAttribute("src")で参照してみてください

<script>
window.onload=function(){
console.log(document.getElementById("photo1").src)
console.log(document.getElementById("photo1").getAttribute("src"))
}
</script>
<form>
<input id="Checkbox" type="checkbox" value="photo1">
<label for="Checkbox1">
<img alt="" id="photo1" src="./img/201705050001.jpg">
</label>
</form>

Comments

[rms398]

ありがとうございます。
実際に試してみます