html文件的图标显示缩略图,使用javascript上传html图像时如何显示多个缩略图？

function readURL(input) {

if (input.files && input.files[0]) {

var reader = new FileReader();

reader.onload = function(e) {

$('#documentUpload')

.attr('src', e.target.result)

};

reader.readAsDataURL(input.files[0]);

}

}

• 

• 

> Blockquote

“例如,单击任何选择图像按钮,但图像只会在第一种情况下显示.我在两种情况下以及在javascript中都更改了ID,但没有用.

上面的代码是如何在html中显示图像的解决方案

解决方法:

问题是ID要求唯一.在此示例中,我添加了一个称为document-up的属性,并且该属性有效.在这种情况下,可以使用属性或类选择多个元素.

function readURL(input,option) {

if (input.files && input.files[0]) {

var reader = new FileReader();

reader.onload = function(e) {

if (option == 1){

$("#documentUpload1")

.attr('src', e.target.result)

} else {

$("#documentUpload2")

.attr('src', e.target.result)

}

};

reader.readAsDataURL(input.files[0]);

}

}

• 

• 

标签：html5,css3,html,javascript

来源： https://codeday.me/bug/20191026/1938034.html