Fatal编程技术网
  • javascript/
  • Javascript 如何在asp.net c中上载前预览多个缩略图图像# 在这个只有一个图像显示。我想预览多个图像。

Javascript 如何在asp.net c中上载前预览多个缩略图图像# 在这个只有一个图像显示。我想预览多个图像。

javascript

Javascript 如何在asp.net c中上载前预览多个缩略图图像# 在这个只有一个图像显示。我想预览多个图像。,javascript,Javascript,我试试这个代码 <script src="//code.jquery.com/jquery-1.11.2.min.js" type="text/javascript"></script> <script type="text/javascript"> function ShowImagePreview(input) { if (input.files && input.files[0]) { va

我试试这个代码

<script src="//code.jquery.com/jquery-1.11.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
    function ShowImagePreview(input) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();
            reader.onload = function (e) {
                $('#<%=img.ClientID%>').prop('src', e.target.result)
                    .width(240)
                    .height(150);
            };
            reader.readAsDataURL(input.files[0]);
        }
    }
</script>


函数ShowImagePreview（输入）{
if（input.files&&input.files[0]）{
var reader=new FileReader（）；
reader.onload=函数（e）{
$（'#'）.prop（'src'，e.target.result）
.宽度（240）
.身高（150）；
};
reader.readAsDataURL（input.files[0]）；
}
}

尼提卡，这就是工作

<input type="file" name="imageUploader" value="" id="imageUploader" multiple="">
<div id="imgViewer"></div>
<script type="text/javascript">
    function readURL(input) {
        if (input.files && input.files.length > 0) {
            for (var i = 0 ; i < input.files.length; i++) {
                var reader = new FileReader();
                $('#imgViewer').empty();
                reader.onload = function (e) {
                    $('#imgViewer').attr('src', e.target.result);
                    $('#imgViewer').append($('<img>', { src: e.target.result, width: '50px', height: '50' }));
                }
                reader.readAsDataURL(input.files[i]);
            }
        }
    }
    $("#imageUploader").change(function () {
        readURL(this);
    });
</script>


函数readURL（输入）{
如果（input.files&&input.files.length>0）{
对于（var i=0；i
尼提卡，这就是工作

<input type="file" name="imageUploader" value="" id="imageUploader" multiple="">
<div id="imgViewer"></div>
<script type="text/javascript">
    function readURL(input) {
        if (input.files && input.files.length > 0) {
            for (var i = 0 ; i < input.files.length; i++) {
                var reader = new FileReader();
                $('#imgViewer').empty();
                reader.onload = function (e) {
                    $('#imgViewer').attr('src', e.target.result);
                    $('#imgViewer').append($('<img>', { src: e.target.result, width: '50px', height: '50' }));
                }
                reader.readAsDataURL(input.files[i]);
            }
        }
    }
    $("#imageUploader").change(function () {
        readURL(this);
    });
</script>


函数readURL（输入）{
如果（input.files&&input.files.length>0）{
对于（var i=0；i
感谢您查看我的问题，但它没有显示图像您在脚本上方插入了什么？我已经这样做了…谢谢，马哈茂德·哈桑…事实上，我使用了您的代码和我的代码…最后我的问题解决了。函数showmagepreview（input）{if（input.files&&input.files.length>0）{for（var I=0；I0）{for（var i=0；i