如果我从数据库接收到变量形式的数据,如何告诉我的输入字段存在图像。 因为我的输入是必需的。
我以前从页面上先前选择的数据库中检索图像,但是输入不知道文件存在,因为该文件是php变量。
我帮助下的代码。
谢谢您的任何建议。非常感谢。
<div class='imagecontainer'>
<div class='image1' id='image1' title='Upload The 1st Image' >
<img id='img1' <?php if (!empty($i1url)) { echo " src='{$i1url}' "; } else { echo " src='' style='opacity:0;' "; } ?> onclick=' document.getElementById("sellimage1").click();' class='imageclass' ></img>
<div class='cancel' onClick='cancelimage(sellimage1 , img1, old1);' title='Delete This Image'> </div>
<input type='file' class='fileinput' id='sellimage1' name='sellimage1' onchange='addimg(this , img1, image1);' value='' accept='image/*' required ></input>
<input id='Chosen1' type='hidden' name='Chosenimg1' value='<?php echo $i1url; ?>' ></input>
</div>
答案 0 :(得分:0)
JS
input.required = false; input.required = true;
我的解决方案是否与PHP一起在输入字段中如下所述
<div class='image1' id='image1' title='Upload The 1st Image' >
<img id='img1' <?php if (!empty($i1url)) { echo " src='{$i1url}' "; } else { echo " src='' style='opacity:0;' "; } ?> onclick=' document.getElementById("sellimage1").click();' class='imageclass' ></img>
<div class='cancel' onClick='cancelimage(sellimage1 , img1, old1);' title='Delete This Image'> </div>
<div class='magnify' title='Magnify This Image' <?php echo " src='{$i1url}' "; ?> > </div>
<input type='file' class='fileinput' id='sellimage1' name='sellimage1' onchange='addimg(this , img1, image1);' <?php if (!empty($i1url)) { echo " value='{$i1url}' "; } else { echo " value='' "; } ?> accept='image/*' <?php if (empty($i1url)) { echo " required "; } ?> ></input>
<input id='old1' type='hidden' name='oldimg1' value='<?php echo $i1url; ?>' ></input>
</div>
JS
function cancelimage(a , b , c){
var image = b;
var value1 = a;
var value2 = c;
value1.value=null;
value2.value=null;
b.style.opacity='0';
b.style.transition='2s';
value1.required=true;
return
}
function addimg(input , image , main) {
var lb=image;
var ab=main;
input.required=false;
lb.src="../pageimages/loader.gif";
lb.style.transition='.4s';
lb.style.opacity='1';
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
sr=(e.target.result)
};
reader.readAsDataURL(input.files[0]);
}
setTimeout(function(){
lb.src=""+sr;
},2000);
}