在Jquery中将上传的文档显示为缩略图可以通过以下步骤实现:
<input type="file" id="fileInput">
$('#fileInput').on('change', function() {
var file = this.files[0];
var reader = new FileReader();
reader.onload = function(e) {
var thumbnail = $('<img>').attr('src', e.target.result);
$('#thumbnailContainer').append(thumbnail);
}
reader.readAsDataURL(file);
});
<div id="thumbnailContainer"></div>
#thumbnailContainer img {
width: 100px;
height: 100px;
}
这样,当用户选择文件后,Jquery会将文件内容读取为DataURL,并创建一个img元素来显示缩略图,最后将该img元素添加到缩略图容器中。
注意:以上代码只是一个简单的示例,实际应用中可能需要进行更多的错误处理和样式调整。
领取专属 10元无门槛券
手把手带您无忧上云