如何在asp.net中設置移動網頁中的圖像

我有一個爲我的客戶創建的移動網站。我在我的開發服務器和現場服務器上創建了一個站點。當我在開發服務器上傳圖像標誌並在移動設備上檢查時，圖像顯示正確。但是，當我將相同的代碼放在我的實時服務器上時，圖像不會顯示在手機上，而是顯示在我的PC上。如何在asp.net中設置移動網頁中的圖像

我只是用簡單的HTML：

<img src="/image/logo.jpg">

我甚至嘗試下面的代碼有和沒有圖像URL報價。

<div style="background-image: url(/image/logo.jpg)" />

來源

2011-04-07 Abbas

生活網站將有很大的幫助的鏈接。 – nLL 2011-04-08 08:05:09

您應該使用圖像控件。剛剛從Visual Studio中的工具箱拖動它，並設置在屬性面板中的圖像：

<asp:Image ID="MyImage" runat="server" ImageUrl="~/image/logo.jpg" />

然後你再也不用擔心因爲路徑ASP.NET將始終確保它正確選擇路徑的圖片。

現在，如果你只使用HTML，你的問題是非常簡單的。嘗試刪除第一個斜槓。這應該夠了吧。

<img src="image/logo.jpg"/>

或者，如果你想將其添加爲背景，一個div：

<div style="background-image: url("image/logo.jpg");"></div>

，謹供參考直接從MSDN看看這個頁面，解釋幾乎一切可能的方式鏈接到圖片網站：

ASP.NET Web Site Paths

讓我知道，如果這有助於。

來源

2011-04-07 22:47:39 loyalpenguin

要解決該問題，請使用以下語法：

< IMG SRC = 「〜/圖像/ logo.jpg」 ALT = 「不要忘了ALT」 RUNAT = 「服務器」>

來源

2011-04-07 22:50:16 IrishChieftain

正如其他人指出的問題是與圖像目錄的路徑。我們假設圖像目錄駐留在您的應用程序的根目錄中。領先/指您的網站的根網址。在服務器控件中使用〜/會導致asp.net用你的應用程序的根URL替換它。下面是一些例子，可能澄清：

www.example.com/someApp/image/logo.jpg

/image/logo.jpg = www.example.com/image/logo.jpg

斷開的鏈接。這是指您的應用以外的目錄。如果它在你的開發服務器上工作，那麼它的根目錄必須有一個圖像目錄。

image/logo.jpg = www.example.com/someApp/image/logo.jpg

只要鏈接駐留在應用程序的根目錄中，這將工作。

~/image/logo.jpg = www.example.com/someapp/image/logo.jpg

無論鏈接在哪裏，這都可以工作。但是包含鏈接的控件必須設置爲runat =「server」。

來源

2011-04-07 23:05:26

我認爲你的html格式不適合移動。

把這個在您的HTML文件的開頭：

<?xml version="1.0" encoding="UTF-8" ?> 

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

，然後檢查它的正確顯示。

同時使用其他手機檢查網站，並記住您的ISP可能會緩存舊文件。

P.S：使用圖像標記像這是確定：

<img alt="the image" src="/image/logo.jpg" />

P.P.S：是您的圖片標籤正確關閉？它缺少一個「/」。

測試此：

<img src="/image/logo.jpg" />

來源

2011-04-08 00:30:39

這不會解決您無法找到圖像路徑的事實。它可能會使其有效，但它肯定不會修復斷開的鏈接。 – loyalpenguin 2011-04-08 02:34:53

@loyal：我同意，但它似乎是標籤在個人電腦上工作，所以我認爲鏈接沒有被破壞。但是，檢查它是否損壞將是一個非常好的主意。 – 2011-04-08 10:52:40

如何在asp.net中設置移動網頁中的圖像

回答

相關問題