在同一页面上的两个表单上载之前预览图像

Question

使用jQuery在同一页上但不同格式的输入类型文件中显示预览预览的图像

<img class="img-circle img-responsive img-bordered-primary" src="images/drag-drop-file.gif" id ="image">
</label>
<input  id="photo-input" type="file" name="image" style="display:none;" onChange="readURL1(this);" required />
<img class="img-circle img-responsive img-bordered-primary" src="images/drag-drop-file.gif" id ="primage" >
</label>
<input  id="photo-input" type="file" name="primage" style="display:none" onChange="readURL2(this);" required />

    function readURL1(input) {`if (input.files && input.files[0]) {`var reader = new FileReader();`reader.onload = function (e) {`$('#image').attr('src', e.target.result);`$('#image').css({"display":"block"});`}
reader.readAsDataURL(input.files[0]);
}
}`function readURL2(input) {if (input.files && input.files[0]) {
var reader = new FileReader();reader.onload = function (e) {$('#primage').attr('src', e.target.result);$('#primage').css({"display":"block"});}
reader.readAsDataURL(input.files[0]);}} `

当我在第二个表单上上传图像时，它在第一个表单图像上显示预览 请帮忙！ 同一页面上两个输入文件，但格式不同。在第二个表单上载图像，它在第一个表单上显示，而不在第二个表单文件输入中显示。