国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jQuery不使用插件及swf實現無刷新文件上傳

2019-11-20 13:47:09
字體:
來源:轉載
供稿:網友

文件上傳是網站常用的功能,例如附件或圖片的上傳功能,解決方案也有很多,我們今天介紹一種通過jQuery無刷新的文件上傳方式。

首先,我們在頁面中放一個form,用來上傳文件:

復制代碼 代碼如下:

<form id="myForm" method="post" action="/asyncFileUpload/UploadHandler.ashx"
    enctype="multipart/form-data" target="asyncTarget">
    <span>文件:</span>
    <input type="file" name="myFile" />
</form>
<input type="button" value="上傳" id="btnUpload" />

然后,在頁面中放一個iframe,在上傳的時候只刷新iframe,而不是整個網頁:

復制代碼 代碼如下:

<iframe name="asyncTarget" style="display: none;"></iframe>

接下來使用js為按鈕添加功能:

復制代碼 代碼如下:

<script>
    $(function () {
        $("#btnUpload").click(function () {
            $("#myForm").submit();
        });
    });
</script>

在按鈕單擊的時候,將form提交。

這個方案可以簡單的實現無刷新的文件上傳。它的實現思路是:將form提交到一個iframe中,其它的處理就像處理普通的form提交一樣了。

這個方案的待完善地方是如何判斷上傳完成,目前只有一個思路:通過js監聽iframe的readystate,然后解析iframe的內容。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 祁阳县| 武邑县| 灵寿县| 丰镇市| 屏东市| 交口县| 浦城县| 修武县| 石楼县| 石城县| 咸丰县| 汕头市| 固始县| 龙游县| 青阳县| 灵璧县| 新和县| 扶绥县| 阿鲁科尔沁旗| 南充市| 乐清市| 尖扎县| 沿河| 绥芬河市| 永寿县| 古交市| 卓资县| 木兰县| 临猗县| 溧阳市| 永吉县| 准格尔旗| 海兴县| 云龙县| 池州市| 扶绥县| 通城县| 宜川县| 札达县| 三都| 东莞市|