📄 demo5.htm
字号:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>XUploadFiles 功能演示</title>
</head>
<body bgcolor="#CCEEFF">
<object id="uploadid" height="20" width="120"
classid="clsid:18B9E4BF-F21F-46B9-AD50-5CA62145426A"
codebase="http://www.blue999.com/xuploadfiles/activex/xuploadfiles.cab">
<param name="Action" value="xu_demo5.aspx">
<param name="Bind" value="filename">
</object>
<script language="javascript" src="xuploadfiles.js"></script>
<script language="javascript">
function selfile() // 选择文件
{
var str = uploadid.selectfile();
if (str != "")
{
source.background = str;
}
}
function upload() // 执行上传操作
{
var str = uploadid.uploadfile();
if (str != "")
{
result.innerHTML = "<img align=\"top\" src=\"" + str + "-thumb.jpg\"> <img align=\"top\" src=\"" + str + "\">";
}
}
</script>
<table width="100%" border="1">
<tr>
<td colspan="2" align="center"><span style="color:#770000; font-size:26px">演示5：缩略图功能演示</span></td>
</tr>
<tr>
<td align="right"> </td>
<td><input name="filename" readonly type="text" size="50">
<input type="button" value="浏览..." onClick="selfile();">
<input type="button" value="上 传" onClick="upload();">
</td>
</tr>
<tr>
<td align="center">原始图片</td>
<td id="source" style="background-repeat:no-repeat;"><p> </p>
<p> </p>
<p> </p>
<p> </p></td>
</tr>
<tr>
<td align="center">上传结果<br>
(缩略图和原图)</td>
<td id="result"><p> </p>
<p> </p>
<p> </p>
<p> </p></td>
</tr>
</table>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -