要通過ajax儲存表單，一切都OK，測試也通過，卻發現檔案沒有上傳成功！然後就有了用 ajax是否可以上傳檔案的疑問。
找遍資料得出結果：不能
不過同時也找到瞭解決辦法，就是用iframe的方式來提交表單，即實現無重新整理提交表單又可以上傳檔案！
一、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> |
| echo ("<script type="text/javascript">parent.callback('操作成功 ! ')</ script>"); |
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
