我在一个表单中有5个文件加载控件。我想预览选定的img。
我可以为一个文件加载,但为5个控制,我不得不改变功能如下
<div ><asp:FileUpload ID="FileUpload1" runat="server" Width="100%" nchange="readURL(this)" /> </div>
<img id="pre1" src="" alt="your image" class=" img-responsive" />
要使用这个预览
<script>
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$(input).next().find('img').attr('src', e.target.result);
}
reader.readAsDataURL(input.files[0]);
}
};
</script>
如果我尝试用类选择器为一个没有问题。但我有5个控制,我不得不得到下一个img。为什么它不工作?
1条答案
按热度按时间7kjnsjlb1#
试试这个
这个应该能用