如果圖像尺寸較小，則上傳圖像並以瓦片格式顯示容器尺寸

-2

我正在創建一個網站。如果圖像尺寸較小，則上傳圖像並以瓦片格式顯示容器尺寸

而我需要在那裏創建一個頁面。我需要實現這些功能：

用戶可以上傳圖像。
上傳完以後，他/她可以看到圖片。
我有在該用戶的500像素寬度的固定區域上傳後可以看到他/她的照片。
如果用戶上傳小尺寸圖像。該圖片不會伸展它將使用平鋪格式填充區域。
這就像我們的桌面背景。

請幫我解決這個問題。

來源

2013-02-22 Anuj

@ spiny-norman你願意解釋爲什麼你回滾我的編輯？ – Spontifixus 2013-02-22 10:20:30

@Spontifixus我相信我回滾了一個編輯，將「功能」更改爲「功能」，並刪除了列表格式。另外，它是由其他人。我有一種感覺出了問題。請原諒，如果我不小心拋出了你的改變。也許你可以重做你的編輯？ – 2013-02-22 11:52:24

@SpinyNorman：這是一個編號列表 - 所以我會重新添加列表格式，一切應罰款...;） – Spontifixus 2013-02-22 12:38:34

對於 1.使用AJAX文件上傳控制（或），用於多張照片正常aspx文件上傳控制添加 2.使用圖像控制 3.設置該圖像控制的寬度500像素 4.在圖像控制其具有選項，找到圖像 5.如u要顯示

來源

2013-02-22 10:09:30

u能提供一些例子... – Anuj 2013-02-26 11:38:54

您可以使用JavaScript一樣，您可以調整它..

width = 0; 
while (width<500){ // 500 the max width 
diva.innerHtml+='insert image' // code to append the image in the div 
width+=insertimage.width // code to set the total width that has been used 
}

你也可以做到這一點的高度 *注： - 上面的代碼是爲了我只有目的，你需要改變它。這裏我ahve寫的示例代碼爲您

<head> 
<title></title> 
<script language="javascript" type="text/javascript"> 
    function Button1_onclick() { 
     var h = document.getElementById("Text1"); 
     var im = document.getElementById("Text3"); 
     var dimage = document.getElementById("div1"); 
     dimage.setAttribute("style", "width:" + h.value); 
     width = 0; 
     dimage.innerHTML = " "; 
     while (width < h.value) { 
      dimage.innerHTML += "<img alt=\"\"src = \"" + im.value + "\"/>"; 
      width += 100; 
     } 

    } 
</script> 
<style type="text/css"> 
    .style1 
    { 
     height: 23px; 
    } 
</style>

<table style="width:100%;"> 
    <tr> 
     <td> 
      Max Width</td> 
     <td> 
      <input id="Text1" type="text" value="600" /></td> 
     <td> 
      &nbsp;</td> 
    </tr> 
    <tr> 
     <td> 
      Max Height</td> 
     <td> 
      <input id="Text2" type="text" value="500" /></td> 
     <td> 
      &nbsp;</td> 
    </tr> 
    <tr> 
     <td> 
      Image Location</td> 
     <td> 
      <input id="Text3" type="text" 
       value="www.conflictprevention-ks.org/images/img.jpg" /></td> 
     <td> 
      &nbsp;</td> 
    </tr> 
    <tr> 
     <td> 
      &nbsp;</td> 
     <td> 
      <input id="Button1" type="button" value="Load Image" onclick="return Button1_onclick()" /></td> 
     <td> 
      &nbsp;</td> 
    </tr> 
    <tr> 
     <td colspan="2" class="style1"> 
      <div id="div1"> 
      </div> 
     </td> 
     <td class="style1"> 
      </td> 
    </tr> 
</table>

只是代碼保存HTML文件，看看它是如何工作的。

來源

2013-02-22 10:12:03 Ratna

任何例子... ????? – Anuj 2013-02-26 11:38:16

如果圖像尺寸較小，則上傳圖像並以瓦片格式顯示容器尺寸

回答

相關問題