2017-10-07 86 views
0

我有需要的圖像,並將其在圖像屬性中的JavaScript srcdata:image/png;base64,我的形象標籤<img id="photo" runat="server" src="" />我做到了runat="server",所以我可以把它帶到後面的代碼,所以我想它的src把它轉換爲byte [],這樣我可以把它的數據庫,但是當我說Photo.Src它顯示空它不會顯示在前面的瀏覽器中的數據就說明Java腳本的網絡攝像

It shows it has src 即使我嘗試File.ReadAllBytes(Photo);它說空的網址是沒有法律錯誤。

+0

並不很清楚你擁有和想要達到的目標,但是知道'img'標記不會將任何內容發回給服務器(類似於其他類似'div'和'head'的),可能會對您有所幫助。 –

+0

在那裏,我刪除了Java腳本之間的空間對此感到抱歉,我該如何將該圖像放在img標記中並獲取其字節。它使用Base64字符串值顯示圖像。我希望該字符串值在 –

+0

@ user7389750後面的代碼中轉換爲字節。您可以使用JavaScript獲取內容圖像文件,然後直接通過Post請求發送它。 – MKR

回答

0

image/file應該在服務器上,以便更改img標記的src屬性。 src屬性預計圖像的URL。您不能簡單地將圖像的內容設置爲src

這表明您需要先將image轉移到服務器。有使用AJAX/JQuery的等各種方式

在ASP .NET最簡單的例子是:

<form id="YourForm" runat="server" enctype="multipart/form-data"> 
<input type="file" id="yourImageFile" name="yourImageFile" /> 
<asp:Button runat="server" ID="buttonUpload" OnClick="fileUpload" Text="Send Image" /> 
</form> 

您可以在Server獲取內容爲:

protected void fileUpload(object sender, EventArgs e) 
{ 
    //get the file here 
    HttpPostedFile fileImage = Request.Files["yourImageFile"]; 

    //You can do whatever you want with fileImage object. Like 
    BinaryReader bReader = new BinaryReader(fileImage.InputStream); 
    byte[] binaryData = bReader.ReadBytes(file.ContentLength); 

    //Convert to Base64 
    String imageBase64 = Convert.ToBase64String(binaryData); 
} 
+0

我沒有安靜的理解,我希望服務器端的img標籤的Base64字符串轉換成字節並保存到數據庫中。 –

+0

@ user7389750你在你的代碼後面得到了這個文件。讀取文件的二進制內容並將其轉換爲Base64。讓我編輯答案來演示它。 – MKR

+1

我想你想念理解我不需要上傳圖像它顯示我上傳圖像,也沒有發送回使用該方法我想拍攝圖像並將其發送到後端端 –