Question

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

Answer 1

使用此功能，记得包含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

如何使用jquery或javascript通过fileupload显示图像，路径将存储在db？

1 个答案: