我正在创建一个网站。
我需要在其中创建一个页面。我需要实现这些功能:
用户可以上传图片。
上传后,他/她可以看到那张图片。
我有一个宽度为 500 像素的固定区域,用户可以在上传后看到他/她的图片。
如果用户上传小尺寸图片。该图像不会拉伸它会用平铺格式填充区域。
它就像我们的桌面背景。
请帮助我。
我正在创建一个网站。
我需要在其中创建一个页面。我需要实现这些功能:
用户可以上传图片。
上传后,他/她可以看到那张图片。
我有一个宽度为 500 像素的固定区域,用户可以在上传后看到他/她的图片。
如果用户上传小尺寸图片。该图像不会拉伸它会用平铺格式填充区域。
它就像我们的桌面背景。
请帮助我。
1. 使用 ajax 文件上传控件(或)普通 aspx 文件上传控件添加多张照片 2. 使用图像控件 3. 将该图像控件宽度设置为 500px 4. 在图像控件中,它可以选择定位图像 5. 你可以调整它的大小,因为你想显示
您可以使用 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
}
您也可以为高度 * 注意:- 上面的代码仅用于说明目的,您需要更改它。在这里,我为您编写了示例代码
<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>
</td>
</tr>
<tr>
<td>
Max Height</td>
<td>
<input id="Text2" type="text" value="500" /></td>
<td>
</td>
</tr>
<tr>
<td>
Image Location</td>
<td>
<input id="Text3" type="text"
value="www.conflictprevention-ks.org/images/img.jpg" /></td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td>
<input id="Button1" type="button" value="Load Image" onclick="return Button1_onclick()" /></td>
<td>
</td>
</tr>
<tr>
<td colspan="2" class="style1">
<div id="div1">
</div>
</td>
<td class="style1">
</td>
</tr>
</table>
只需将代码保存为 html 文件,看看它是如何工作的。