ajax(iframe)無刷新提交表單、上傳文件
更新時(shí)間:2011年01月06日 21:55:34 作者:
要通過ajax保存表單,一切都OK,測(cè)試也通過,卻發(fā)現(xiàn)文件沒有上傳成功!然后就有了用 ajax是否可以上傳文件的疑問。
找遍資料得出結(jié)果:不能
不過同時(shí)也找到了解決辦法,就是用iframe的方式來提交表單,即實(shí)現(xiàn)無刷新提交表單又可以上傳文件!
一、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>
<script type="text/javascript">
<!--
function callback(str){
alert(str);
}
// --></script>
</head>
<body>
<form name="form1" method="POST" action="../post.php" target="post_frame" enctype="multipart/form-data">
<iframe name='post_frame' id="post_frame" style="display:none;" mce_style="display:none;"></iframe>
<input type="file" name="img" />
<input name="power[]" type="text"/>
<input type="submit" value="完成以上修改" name="submit" />
</form>
</body>
</html>
二、PHP代碼(處理代碼)
這里的代碼就想怎么寫怎么寫了,不過這個(gè)里執(zhí)行完了剛才那個(gè)HMTL頁(yè)面應(yīng)該要有所表現(xiàn),這時(shí)就要用到上個(gè)頁(yè)面中的 function callback()了
echo ("<script type=\"text/javascript\">parent.callback('操作成功 ! ')</ script>");
不過同時(shí)也找到了解決辦法,就是用iframe的方式來提交表單,即實(shí)現(xiàn)無刷新提交表單又可以上傳文件!
一、HTML代碼
復(fù)制代碼 代碼如下:
<!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>
<script type="text/javascript">
<!--
function callback(str){
alert(str);
}
// --></script>
</head>
<body>
<form name="form1" method="POST" action="../post.php" target="post_frame" enctype="multipart/form-data">
<iframe name='post_frame' id="post_frame" style="display:none;" mce_style="display:none;"></iframe>
<input type="file" name="img" />
<input name="power[]" type="text"/>
<input type="submit" value="完成以上修改" name="submit" />
</form>
</body>
</html>
二、PHP代碼(處理代碼)
這里的代碼就想怎么寫怎么寫了,不過這個(gè)里執(zhí)行完了剛才那個(gè)HMTL頁(yè)面應(yīng)該要有所表現(xiàn),這時(shí)就要用到上個(gè)頁(yè)面中的 function callback()了
復(fù)制代碼 代碼如下:
echo ("<script type=\"text/javascript\">parent.callback('操作成功 ! ')</ script>");
您可能感興趣的文章:
- Ajax方式提交帶文件上傳的表單及隱藏iframe應(yīng)用
- 詳解Ajax和form+iframe 實(shí)現(xiàn)文件上傳的方法(兩種方式)
- js動(dòng)態(tài)創(chuàng)建上傳表單通過iframe模擬Ajax實(shí)現(xiàn)無刷新
- iframe實(shí)現(xiàn)Ajax文件上傳效果示例
- 原生ajax和iframe框架實(shí)現(xiàn)圖片文件上傳的兩種方式
- PHP實(shí)現(xiàn)帶進(jìn)度條的Ajax文件上傳功能示例
- PHP使用HTML5 FileApi實(shí)現(xiàn)Ajax上傳文件功能示例
- php+ajax 文件上傳代碼實(shí)例
- PHP+Ajax實(shí)現(xiàn)上傳文件進(jìn)度條動(dòng)態(tài)顯示進(jìn)度功能
- PHP+iframe模擬Ajax上傳文件功能示例
相關(guān)文章
解決AJAX返回狀態(tài)200沒有調(diào)用success的問題
今天小編就為大家分享一篇解決AJAX返回狀態(tài)200沒有調(diào)用success的問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-08-08ajax響應(yīng)json字符串和json數(shù)組的實(shí)例(詳解)
下面小編就為大家?guī)硪黄猘jax響應(yīng)json字符串和json數(shù)組的實(shí)例(詳解)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-02-02PPJOKE 0.1 (網(wǎng)頁(yè)嵌入聊天)提供下載
PPJOKE 0.1 (網(wǎng)頁(yè)嵌入聊天)提供下載...2006-10-10html+js+php一次原始的Ajax請(qǐng)求示例
雖然jquery的ajax要比原始的寫法容易得多,我們還是應(yīng)該了解原始的寫法,下面有個(gè)不錯(cuò)的示例,大家可以參考下2014-04-04ajax實(shí)現(xiàn)的提交文章前進(jìn)行敏感詞審核的代碼
在做“文章敏感詞匯審核”功能的時(shí)候,開始在把“審核”放在插入數(shù)據(jù)庫(kù)的時(shí)候,后來想有一個(gè)功能,能在用戶點(diǎn)擊“提交”按鈕的時(shí)候,給一個(gè)提示。這樣相對(duì)“友好”那么點(diǎn)。2010-02-02