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?