Javascript 在上载多个图像之前预览图像上载

我使用jquery添加多个字段。当我们第一次选择图像时，图像预览会完美地显示出来。当我们单击“添加”按钮并选择图像预览不工作时

我的错误是什么，我可以在Jquery脚本中做错什么吗

或

形象
- '); //添加输入框
}
});
$（包装器）。在（“单击“，”.remove_字段）上，函数（e）{//用户单击remove text
e、 preventDefault（）；$（this）.parent（'div'）.parent（'div'）.remove（）；x--；
})
});

您的onchange事件代码格式不正确。如下图所示附加html

$(wrapper).append('<div class="clearfix"></div><div class="form-group form-md-line-input input_fields_wrap"><label class="col-md-3 control-label" for="form_control_1">Image</label><div class="col-md-9"><input type="file" class="form-control" placeholder="" name="simage[]" onchange="document.getElementById(\'pre-image'+x+'\').src = window.URL.createObjectURL(this.files[0])" accept="image/*"><img id="pre-image'+x+'" alt="select image" width="100" height="100" />  <button type="button" class="remove_field">-</button><div class="form-control-focus"> </div></div></div>');

$（包装器）.append（'Image-'）；

Awesome Dude:-）

$(wrapper).append('<div class="clearfix"></div><div class="form-group form-md-line-input input_fields_wrap"><label class="col-md-3 control-label" for="form_control_1">Image</label><div class="col-md-9"><input type="file" class="form-control" placeholder="" name="simage[]" onchange="document.getElementById(\'pre-image'+x+'\').src = window.URL.createObjectURL(this.files[0])" accept="image/*"><img id="pre-image'+x+'" alt="select image" width="100" height="100" />  <button type="button" class="remove_field">-</button><div class="form-control-focus"> </div></div></div>');