Javascript 如何在配置文件图像标记中应用onchange图像预览
在我的代码中,我有配置文件图像标记和更新图像的输入标记 我想为更新配置文件图片选择一个新图像Javascript 如何在配置文件图像标记中应用onchange图像预览,javascript,php,html,Javascript,Php,Html,在我的代码中,我有配置文件图像标记和更新图像的输入标记 我想为更新配置文件图片选择一个新图像onchange “id=”myImg“> $(“#myImg”).onchange(函数(){ var x=$('#userFiles').val(); document.getElementById(“myImg”).innerHTML=+x; }); 您不应该更改.innerHtml属性,而应该更改.src属性 $("#myImg").onchange (function(){ var x
onchange
“id=”myImg“>
$(“#myImg”).onchange(函数(){
var x=$('#userFiles').val();
document.getElementById(“myImg”).innerHTML=+x;
});
您不应该更改.innerHtml属性,而应该更改.src属性
$("#myImg").onchange (function(){
var x = $('#userFiles').val();
document.getElementById("myImg").src = + x;
});
此外,静态内容(图像)可能存在问题。您可以使用以下代码:-
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$('.img-circle').attr('src', e.target.result);
}
reader.readAsDataURL(input.files[0]);
}
}
$("#myImg").change(function(){
readURL(this);
});
为什么您要听图像中的onchange而不是输入中的onchange?