国产探花免费观看_亚洲丰满少妇自慰呻吟_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的內容。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 吴堡县| 颍上县| 沾益县| 略阳县| 卢龙县| 东乌珠穆沁旗| 神木县| 三江| 延川县| 关岭| 五原县| 治多县| 江孜县| 克什克腾旗| 西充县| 平潭县| 绍兴县| 公主岭市| 邹平县| 林西县| 务川| 交城县| 桓台县| 大足县| 武川县| 靖安县| 酒泉市| 普陀区| 贵溪市| 建湖县| 镇赉县| 迁西县| 高雄市| 区。| 色达县| 苏州市| 宣城市| 秭归县| 彝良县| 皋兰县| 紫阳县|