📄 uploaddialog.htm

📁 文本编辑框-------------------简易
💻 HTM
字号:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>图片上传对话框</title>
</head>
<body style="margin:0px;">
    <form action="upload.aspx" method="post" enctype="multipart/form-data" >
    <table style="width:200px;">
        <tr>
            <td colspan="4">
            <img id="ImagePreview" style="display:none;" src=""/>
            <br />
            <input name="fileData" type="file" onchange="showImage(this.value);"/>
            <input type="hidden" name="fileName" />
            </td>
        </tr>
        <tr>
            <td style="width: 43px">高度:
            </td>
            <td>
            <input id="imgHeight" name="imgHeight" value="0" style="width: 40px;" type="text" />
            </td>
            <td style="width: 45px" >
                宽度:
             </td>
            <td>
                <input id="imgWidth" name="imgWidth" value="0" style="width: 40px;" type="text" />
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <input id="Button1" type="button" value="取消" onclick="parent.document.getElementById('dialog').src='';parent.document.getElementById('dialog').style.display='none';" />
            </td>
            <td colspan="2">
                <input id="Submit1" type="submit" value="上传" onclick="createName();" />
            </td>
        </tr>
    </table>
    </form>
    <script type="text/javascript">
    //显示图像
    function showImage(value)
    {
        if(value==null || value=="")return;
        var img=document.getElementById("ImagePreview");
        img.src=value;
        img.style.width="200";
        img.style.height="150";
        img.style.display="";
    }
    function getFileName(file, separator)
    {
	    var temp = file.split(separator);
	    var len = temp.length;
	    var fileName = temp[len-1];
	    return fileName;
    }
    function getFileExt(fileName)
    {
	    var temp = fileName.split(".");
	    var len = temp.length;
	    var fileExt = temp[len-1].toLowerCase();
	    return fileExt;
    }
    
    function createName()
    {
        var datetime=new Date();
        fileName=datetime.getTime();
        document.getElementById("fileName").value=fileName+"."+getFileExt(getFileName(document.getElementById("fileData").value,"\\"));
    }
    </script>
</body>
</html>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -