Question

当我想将图像插入表单时，我没什么问题，代码可以在其他表单上工作，但是在这种形式下，它无法使用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：

   <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>

Answer 1

您必须确保在呈现DOM之后执行脚本标记或脚本本身（如果它位于html文件中），因此请检查脚本是否位于您显示的htlm下。

Answer 2

您的img标记位于select标记内，因此您的JavaScript无法识别ID为'img'的元素，并没有显示和TypeError。

未捕获的TypeError：无法设置null javascript的属性“ src”

2 个答案: