1

在网页中，有图像控件和文件上传。如果单击文件上传并从本地磁盘中选择图像文件，它将在asp.net图像控件中显示该图像，而无需单击其他按钮或刷新页面，然后再显示该图像它的路径必须存储在数据库中

4

1 回答 1

3

使用这个函数，记得要包含 jQuery 库。以下函数使用阅读器来读取数据并将其设置为图像 src。图片 src 也可以是 urldata。

 function readURL(input) {
        if (input.files && input.files[0]) {//Check if input has files.
            var reader = new FileReader();//Initialize FileReader.

            reader.onload = function (e) {
                $('#PreviewImage').attr('src', e.target.result);
            };
     reader.readAsDataURL(input.files[0]);
        }
    }

将此添加到您的图像上传onchange="readURL(this);"。ASP.NET UploadControl 这个函数有问题，改用 HTML 上传控件。

<img id="PreviewImage" src="" alt="?" style="width:100px; height:100px;"  />
     <input type="file" ID="ImageFileUpload" onchange="readURL(this);" />

这是一个工作示例http://jsbin.com/amoxip/2/edit#javascript,html

于 2012-07-02T13:49:00.403 回答