未捕获的类型错误:无法设置 null 的 javascript 属性“src”
2020-08-03
4256
当我想将图像插入表单时,我遇到了一点问题,代码在其他表单上可以工作,但在这个表单上却不行,出现了 Uncaught TypeError:无法将属性“src”设置为 null
这是我的代码
javascript :
function edit(ids,idserv,namaproj,linkproj,img){
//alert(ids+" "+idserv+" "+namaproj+" "+linkproj+" "+img);
document.getElementById('ids').value=ids;
document.getElementById('ns').value=namaproj;
document.getElementById('kt').value=linkproj;
document.getElementById('link').value=idserv;
document.getElementById('img1').src="./img/"+img;
document.getElementById("myFormedit").style.display = "block";}
表单 :
<form action="tservices" method = "POST" class="form-container" enctype="multipart/form-data">
<h1>Edit Services</h1>
<input type="text" id="ids" name="ids" hidden>
<label><b>Nama Project</b></label>
<input type="text" name = "nama" id="ns" required>
<label>Link Project</label>
<input type="text" name = "ket" id="kt" required>
<label><b>Service</b></label>
<select name="tujuan" id="link">
<?php
$sartikel = mysqli_query($conn,"select * from services");
$nartikel = mysqli_num_rows($sartikel);
for($i=1;$i<=$nartikel;$i++){
$r = mysqli_fetch_array($sartikel);
$id = $r[0];
$judul = $r[1];
$isi = $r[2];
$tgl = $r[3];
$gmbr = $r[4];
$st = $r[5];
?>
<option value="<?php echo $id ?>"><?php echo $judul; ?></option>
<?php
}
?>
<h3>Foto Project</h3>
<img id="img1" height="150" width="150" ><br>
<input class="w3-input" type="file" accept="image/*" onchange="loadFile2(event)" name="fd">
</select>
<button type="submit" class="btn"name="button" value="edit">Ubah</button>
<button type="button" class="btn cancel" onclick="closeFormedit()">Tutup</button>
2个回答
您的 img 标签位于 select 标签内,因此您的 javascript 无法识别 id 为“img”的元素并显示 TypeError。
Arsalan Pervez
2020-08-03
您必须确保脚本标记或脚本本身(如果位于 html 文件中)在 DOM 呈现后执行,因此请检查脚本是否位于您显示的 html 下。
Ghassen Ben Hamida
2020-08-03