2012年8月26日 星期日
jsp學習
//upload.jsp
<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
<%@page import="com.jspsmart.upload.*"%>//去下載
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文件</title>
</head>
<body>
<jsp:useBean id="tsu" scope="page" class="com.jspsmart.upload.SmartUpload"/>
<%
tsu.initialize(pageContext);//建立頁面容器初始化
tsu.setTotalMaxFileSize(10*1024*1024);//限制檔案容量
tsu.upload();//將檔案進行傳輸
String spath="./uploaddata";//決定儲存路徑
int filecount=tsu.save(spath);//將檔案存於指定路徑
%>
</body>
</html>
---------------------------
//寫檔writefile.html
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文件</title>
</head>
<script language="javascript">
function fun1()
{
var file=document.getElementById("fl1").files[0];// 讀取檔案元素集合
var filename=file.name;//取得檔案名稱
var reader=new FileReader();//實際檔案讀取元件(檔案輸入輸出)
reader.readAsDataURL(file);//取得file的絕對路徑
reader.onload=function(e)//載入檔案
{
var timg=document.getElementById("sp1");
timg.innerHTML="<img src='"+this.result+"' width='300' height='250'/>";
}
}
</script>
<body>
<form id="f" name="f" method="post" action="upload.jsp" enctype="multipart/form-data">
<input type="file" id="fl1" name="fl1" />
<br />
<input type="button" id="bt1" name="bt1" value="確定" onclick="fun1()"/>
<input type="submit" id="s1" name="s1" value="傳送" />
<p>
<span id="sp1"></span>
</form>
</body>
</html>
----------------------------
//載入檔案htmlfile.html
<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文件</title>
</head>
<script language="javascript">
function fun1()
{
var file=document.getElementById("fl1").files[0];// 讀取檔案元素集合
var filename=file.name;//取得檔案明稱
var reader=new FileReader();//實際檔案讀取元件(檔案輸入輸出)
reader.readAsDataURL(file);//取得file的絕對路徑
reader.onload=function(e)//載入檔案
{
var timg=document.getElementById("sp1");
timg.innerHTML="<img src='"+this.result+"' width='300' height='250'/>";
}
}
</script>
<body>
<form id="f" name="f" method="post" >
<input type="file" id="fl1" name="fl1" />
<br />
<input type="button" id="bt1" name="bt1" value="確定" onclick="fun1()"/>
<p>
<span id="sp1"></span>
</form>
</body>
</html>
訂閱：
張貼留言 (Atom)
沒有留言:
張貼留言