开发者问题收集

未捕获的类型错误:无法设置 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