如何通過使用jquery或javascript和路徑的fileupload顯示圖像將存儲在數據庫？

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